Next.js 特性

Next.js 是基于 React 的全栈框架,集成了路由、构建、渲染策略与开发体验,是目前 React 生态中最主流的生产级方案之一。

  • 默认服务器端渲染;
  • 为加速页面加载,自动进行代码分割;
  • 简化客户端路由(基于页面);
  • 基于 Webpack 的开发环境;
  • 可以通过 Express 或任何其他 Node.js HTTP 服务器实现;
  • 可以通过你自己的 Babel 和 Webpack 配置进行定制。

来源整理自:vue3js.cn 面试官系列

补充

补充:App Router 时代下这些特性的最新进展。

  • 内置路由系统:App Router 通过 app/ 目录 + 文件约定(page.tsx、layout.tsx、loading.tsx、error.tsx)声明路由;旧的 Pages Router 仍可用。
  • 渲染策略多样:支持 SSG(默认)、SSR、ISR(revalidate)、CSR、流式 SSR(<Suspense> + RSC)、部分预渲染(PPR,实验性)。
  • 零配置开发体验:next dev 内置热更新、TypeScript、ESLint;next build 输出生产产物;next start 启动 Node 服务器。
  • 优化与约定:图片 next/image、字体 next/font、脚本 next/script、SEO <Metadata> API、Edge Runtime / Node.js Runtime。
  • 可扩展构建:基于 Turbopack(Rust 编写的增量打包器)替换 Webpack,构建/HMR 显著更快;同时仍支持自定义 Webpack。
  • 部署灵活:可独立部署到 Vercel,也可自托管在 Node、Docker、Edge 平台上。