Next.js · React 全家桶
英文:next js(读作 next-j-s)
技术栈与工具难度:进阶 ★★
🗣️一句话大白话
React 的「全套装修方案」:前端页面、后端接口(API Routes)、路由、部署优化打包在一起。AI 做全栈小项目的默认最爱——一个项目搞定前后端。
🎬真实场景
你要「一个带后端的网站」:纯 React 要前端一个项目、后端一个项目;Next.js 一个项目里页面和接口都写了,还能一键部署到 Vercel。
📮你可以这样说
「「项目用 Next.js(App Router):页面放 app 目录,后端接口放 app/api 目录,数据库用 SQLite,部署目标 Vercel。」」
⚠️边界与常见误解
- ▸Next.js 里也有后端:app/api 下的代码跑在服务器上,不在浏览器
- ▸服务端渲染让首屏更快、对 SEO 更友好
- ▸版本差异大(Pages Router vs App Router):AI 可能混用两种写法,报错先对版本