用途:该技能聚焦使用 Next.js 15 构建并部署现代 Web 应用,适用于需要服务端逻辑、SEO 友好的 React 项目,例如电商(SSR)、博客(SSG)或动态应用(ISR);若只是简单静态站点,纯 React 即可,不必使用。
主要能力:App Router 在 /app 目录下按文件组织路由,例如 app/about/page.jsx;Server Actions 可在服务端执行变更,无需额外 API 路由,在组件中用 'use server' 声明异步函数;支持 ISR/SSG/SSR,可分别通过 revalidatePath()、getStaticProps、getServerSideProps 实现;Middleware 在 middleware.js 中编写边缘函数,用于鉴权或重定向;Turbopack 可加快开发时的增量打包,在 next.config.js 中设置 experimental: { turbopack: true };支持通过 Vercel CLI 零配置部署。
使用方式:创建项目运行 npx create-next-app@latest my-app --typescript,进入 /app 目录编写路由。开发用 next dev --port 3001,生产构建用 next build,部署用 vercel --prod。API 路由定义在 app/api/route.js 中,可导出 GET 等函数并返回 Response.json。配置可编辑 next.config.js,环境变量放在 .env.local(如 NEXT_PUBLIC_API_URL)。可结合 Prisma 连接 PostgreSQL(安装 @prisma/client、运行 npx prisma migrate dev),或用 NextAuth.js 做鉴权。
限制:资料未提供具体版本兼容细节、性能指标、费用与授权信息;实际效果依赖项目配置与环境。