你可能会说
React 本身没有路由和 SSR，每次都要自己配，有没有开箱即用的方案？
Next.js 是基于 React 的全栈框架——自带路由、SSR/SSG、API Routes、图片优化，开箱即用。
基于 React 的全栈框架，自带路由、SSR、API 路由、图片优化等。是目前最流行的 React 生产方案。
生活类比
如果 React 是发动机，Next.js 就是整车——方向盘、刹车、导航全配好了，开箱即用。
🎮 动手试试
👇 点击文件查看对应路由
Next.js App Router 中，哪个文件定义一个页面？
你可以这样告诉 AI
帮我用 Next.js App Router 搭建项目：文件系统路由、layout 共享布局、generateStaticParams 静态生成、API Route 处理表单提交。
React 是 UI 库（只管渲染），Next.js 是框架（路由+SSR+API+优化全包）。
Vite 是构建工具（打包+开发服务器），Next.js 是全栈框架（含服务端能力）。
需要 SEO 的网站
博客、电商、营销页等需要搜索引擎收录的项目
全栈应用
前后端一体，API Routes 直接写后端逻辑
纯后台管理
不需要 SEO 的内部系统，Vite + React 更轻量
极简单页
一个落地页用 Astro 或纯 HTML 更简单
app/ 目录结构 = URL 路径，page.tsx = 页面
SSG 构建时生成 HTML，SSR 每次请求时渲染
默认在服务端渲染，减少客户端 JS 体积
app/api/ 下写后端接口，无需单独服务器
新版路由系统，支持 Server Components、嵌套布局
旧版路由，pages/ 目录，逐步被 App Router 替代