随着互联网行业的收紧，各大公司对前端的要求也越来越高，请热爱前端行业的朋友不要气馁，前端还可以做很多事。在2024年之后，个人认为服务端渲染框架将成为必备技能

Streaming SSR，实现了Streaming HTML和Selective Hydration的特性，本文将从原理和源码两个方面，对Streaming SSR进行解析

上周 Next.js 14 发布了，该版本相较于 13，没有任何 API 变更，主要更新点是 Turbopack 带来了大幅的性能提升以及 Server Actions 功能进入稳定版本。

什么是微前端 我先给微前端下一个比较精确的定义，微前端是多个小型前端应用聚合为一的应用，它们彼此项目分离但又运营聚合。 其中最核心的一点就是解耦，项目层面的解耦。 当下前端领域，单页面应用（SPA）是

随着现代浏览器兼容性的不断改善和各种开发框架对 Web Components 的主动拥抱，也势必会在不久的将来打破前端开发技术栈之间的壁垒，让整个社区沉淀的服务和能力迎来一次大的整合

前端技术发展至今，组件化已经成为比较常见的一个开发模式，组件化的最大特点就是可以减少重复工作，提高开发效率。目前业界主流实现组件化大多是基于框架实现，比如 DevUI、ElementUI 等。

Web Component 的目的从`原生层面实现组件化，使开发者开发、复用、扩展自定义组，实现自定义标签`。意味着前端开发人员开发组件时可以实现 Write once, run anywhere。

基于React的framework框架，它包含了SSR、ISG、SSG渲染等，非常简单方便，它抽象了自动配置工具，无需关心工程化配置，专注于coding逻辑

本文，我们从零开始，使用 Next.js 和 pnpm 搭建了一个组件库文档，主要使用 Next.js 动态导入功能解决了开发服务缓慢的问题，使用 Next.js 的 SSG 模式来生成静态文档。