Next.js 是 React 生态中最流行的全栈 Web 框架,由 Vercel 团队维护。

教程大纲

第一部分:基础概念

  1. 项目创建与目录结构
  2. 路由系统(App Router)
  3. 页面与布局
  4. 导航与链接

第二部分:数据处理

  1. 数据获取(Server Components)
  2. 动态路由
  3. 搜索与分页
  4. 数据变更(Server Actions)

第三部分:高级特性

  1. 错误处理
  2. 认证与授权
  3. 元数据与 SEO
  4. 部署到 Vercel

为什么学 Next.js

  • React 全栈:前后端统一用 React
  • 性能优秀:自动代码分割、图片优化
  • SEO 友好:服务端渲染,对搜索引擎友好
  • 生态丰富:与 Vercel 平台无缝集成