技术栈

Next.js

你可能会说

我想用 React 做个完整网站,带路由和 SEO,有没有一站式的框架?

Next.js 是基于 React 搭建完整网站的工具,常用于官网、内容站和带登录的网站。例如用户打开某个商品网址时,它会找到对应详情页,并可先读取商品资料再显示。它不会自动提供商品保存、账号权限等后端能力。
也常被叫作Next

什么时候选它

  • 需要 SEO、首屏速度的站点
  • 想前后端一体(Route Handlers / Server Actions)
  • 要约定式路由、图片和字体优化开箱可用

什么时候别选

  • 纯内部后台,不需要 SEO(SPA 更简单)
  • 必须纯静态托管,不接受 Node 运行时
  • 想自由组合技术栈、不接受框架约束

Q面试会问什么

  • 问:SSR / SSG / ISR 区别?
    答:每请求渲染 / 构建时生成 / 定时或按需再生成;按数据新鲜度和流量选。
  • 问:Server Component 解决什么?
    答:在服务端渲染并直接读数据,减少发到客户端的 JS。
延伸阅读 · 权威出处