指南

只需极简配置且无需脱离 React 生态，即可开始添加 AMP 功能来提升页面性能与加载速度。

使用 Next.js 测量和跟踪页面性能

学习如何在 Next.js 中实现身份验证，涵盖最佳实践、路由保护、授权技术和会话管理。

通过自定义配置扩展 Next.js 内置的 babel 预设。

学习如何配置 CI 以缓存 Next.js 构建

了解如何为您的 Next.js 应用设置内容安全策略 (Content Security Policy, CSP)。

在 Next.js 中使用 CSS-in-JS 库

通过编程方式使用自定义服务器启动 Next.js 应用。

学习如何使用 VS Code 或 Chrome DevTools 调试你的 Next.js 应用。

Next.js 提供草稿模式用于在静态页面与动态页面间切换。您可了解其如何与页面路由 (Pages Router) 协同工作。

学习在 Next.js 应用中添加和访问环境变量。

了解如何使用 Next.js 处理表单提交和数据变更。

了解如何在运行时使用增量静态再生 (ISR) 创建或更新静态页面。

学习如何在 Next.js 应用中通过仪表化 (Instrumentation) 在服务器启动时运行代码

Next.js 内置支持国际化路由和语言检测功能。了解更多详情。

通过懒加载导入的库和 React 组件 (React Components) 来提升应用的整体加载性能。

学习如何配置 MDX 以便在 Markdown 文件中编写 JSX。

学习如何利用 Next.js 的多区域功能 (Multi-Zones) 构建微前端，实现在单一域名下部署多个 Next.js 应用。

学习如何通过 OpenTelemetry 监控你的 Next.js 应用。

了解如何优化应用的服务器端 (server) 和客户端 (client) 捆绑包 (bundles)。

使用自定义配置扩展 Next.js 内置的 PostCSS 插件功能。

Next.js 为静态生成页面提供了预览模式功能。您可以在此了解其工作原理。

在将 Next.js 应用投入生产环境前，确保最佳性能和用户体验的推荐实践。

了解在 Next.js 中处理重定向的不同方法。

学习如何在你的 Next.js 应用中使用 Sass。

使用内置的 Script 组件优化第三方脚本。

学习如何在 Node.js 服务器、Docker 镜像或静态 HTML 文件（静态导出）上自托管你的 Next.js 应用。

Next.js 允许您从静态网站或单页应用 (SPA) 开始，随后可选择升级使用需要服务器的功能。

使用 Tailwind CSS 为您的 Next.js 应用添加样式

使用 `@next/third-parties` 包优化应用中第三方库的性能。

了解如何从主流框架迁移至 Next.js

了解如何将 Next.js 与三种常用测试工具 —— Cypress、Playwright、Vitest 和 Jest 进行集成配置。

了解如何升级至最新版本的 Next.js。