Next.js 是 2026 年 OPC 构建全栈 Web 应用的默认选择——Server Component 消除了一层 API 架构、Vercel 零配置部署、与 Supabase 的深度集成让 solo dev 做全栈不再痛苦。但需警惕 Vercel 锁定和 bundle 体积膨胀。对于大多数 OPC,Next.js + Supabase + Tailwind + Vercel 这个四件套覆盖了从开发到部署的全链路。
Next.js 13+ 引入了 App Router,但与旧的 Pages Router 是两个完全不同的范式。layout/page/loading 只在 App Router 中工作。如果你学的是老教程(2022 年之前的),大概率讲的是 Pages Router。
Server Actions 在服务端运行但不走 API route——错误日志不直观、console.log 不显示在浏览器中。复杂 form 验证建议用 react-hook-form + API route 而非 Server Actions。
Next.js 在 Vercel 上零配置部署,但在其他平台(Cloudflare Pages、Netlify)上需要额外适配。ISR、Middleware、Image Optimization 等特性深度依赖 Vercel 基础设施。如果你不想绑定 Vercel,在项目初期就在目标平台上测试部署。
Server Component 可以减少 bundle 但开发者常在不经意间在 layout 中引入大型组件库(如整个 Ant Design 导入),导致首屏加载 500KB+。用 @next/bundle-analyzer 定期检查。
Next.js 15 的 Turbopack、Partial Prerendering 等新特性在生产环境中偶有边缘案例。对于靠 OPC 吃饭的产品,用最新的稳定版本但避免 canary 版本和刚发布的功能。等社区验证 1-2 个月后再升级。
| Next.js 15 发布 | 博客文章 | - |