Next.js 渲染模式测试

点击下面的链接测试不同的渲染模式

SSG (Static Site Generation) →

静态站点生成 - 构建时预渲染页面

CSR (Client Side Rendering) →

客户端渲染 - 在浏览器中动态渲染

SSR (Server Side Rendering) →

服务端渲染 - 每次请求时在服务器渲染

ISR (Incremental Static Regeneration) →

增量静态再生 - 静态生成 + 定时更新

API 函数测试 →

测试 Next.js API 路由功能

渲染模式说明：

  • SSG: 构建时生成静态页面，访问速度最快
  • CSR: 客户端渲染，适合高度交互的应用
  • SSR: 服务端渲染，适合需要 SEO 的页面
  • ISR: 静态生成 + 定时更新，平衡性能和新鲜度
  • API 函数: 服务器端 API 路由，可以处理数据请求