指南

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

学习如何在你的 Next.js 应用中实现身份验证功能。

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

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

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

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

学习如何通过 VS Code、Chrome DevTools 或 Firefox DevTools 调试您的 Next.js 应用。

Next.js 提供了草稿模式 (Draft Mode) 用于在静态页面和动态页面之间切换。您可以在此了解如何与 App Router 配合使用。

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

学习如何在 Next.js 中使用 React Server Actions 创建表单。

学习如何通过增量静态再生在运行时创建或更新静态页面。

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

通过国际化路由和本地化内容添加多语言支持。

了解如何在 Next.js 应用中添加 JSON-LD，以便向搜索引擎和 AI 描述您的内容。

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

学习如何通过 Next.js 优化您的本地开发环境。

学习如何配置 MDX 并在 Next.js 应用中使用它。

优化开发和生产环境中应用程序的内存占用。

学习如何使用 App Router 构建多租户应用。

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

学习如何为你的 Next.js 应用配置 OpenTelemetry 监控。

学习如何优化应用的服务器端和客户端打包。

在将 Next.js 应用部署至生产环境前，确保最佳性能和用户体验的优化建议。

学习如何使用 Next.js 构建渐进式 Web 应用 (PWA)。

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

使用 Sass 为您的 Next.js 应用添加样式。

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

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

Next.js 全面支持构建单页应用 (Single-Page Applications, SPA)。

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

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

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

在 Next.js 应用中优化视频的使用建议与最佳实践。

学习如何从主流框架迁移至 Next.js

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

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