Next.js 与元框架
App Router、渲染策略、Server Actions、缓存架构、中间件。全栈 React 的标准实现框架。
Topics
Next.js App Router:文件约定与路由架构
深入解析 Next.js App Router 的核心设计:文件约定背后的理念、Layout 与 Template 的本质区别、Route Groups 和 Parallel Routes 的路由模型,以及为什么服务端组件是设计选择而非简单功能。
Next.js 缓存体系:多层缓存的深度解析
深入解析 Next.js 的多层缓存体系:Full Route Cache、Data Cache、Router Cache 的关系,fetch 请求的 cache 选项,以及 revalidatePath 和 revalidateTag 缓存失效策略。
Next.js 渲染策略:SSG、SSR、ISR、CSR 的全景图
系统讲解 Next.js 支持的所有渲染策略:SSG/SSR/ISR/CSR 的定义、适用场景、Next.js 如何决定每个页面的渲染策略,以及 revalidate 和流式渲染与 React Suspense 的结合。
Next.js Server Actions:服务端逻辑的直接表达
深入解析 Server Actions 的本质:如何实现在服务端直接执行函数、渐进增强如何做到无 JavaScript 工作、以及 Server Actions 与 API Routes 的取舍。