指南

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

了解如何在 Next.js 应用程序中实现认证。

了解如何将 Next.js 用作后端框架

Next.js 中的缓存机制概述。

了解如何配置 CI 以缓存 Next.js 构建

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

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

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

了解 Next.js 中的内置数据安全功能，并学习保护应用程序数据的最佳实践。

了解如何使用 VS Code、Chrome DevTools 或 Firefox DevTools 调试 Next.js 应用程序。

Next.js 具有草稿模式，可在静态页面和动态页面之间切换。您可以在此处了解它如何与 App Router 配合使用。

了解如何在 Next.js 应用程序中添加和访问环境变量。

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

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

了解如何在 Next.js 应用程序中使用检测在服务器启动时运行代码

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

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

延迟加载导入的库和 React 组件以提高应用程序的加载性能。

了解如何使用 Next.js 优化本地开发环境。

了解如何启用实验性 Next.js MCP 服务器，以允许代理访问您的应用程序状态

了解如何在 Next.js 应用程序中配置和使用 MDX。

优化应用程序在开发和生产中使用的内存。

了解如何从流行的框架迁移到 Next.js

了解如何使用 App Router 构建多租户应用程序。

了解如何使用 Next.js Multi-Zones 构建微前端，以便在单个域名下部署多个 Next.js 应用程序。

了解如何使用 OpenTelemetry 检测您的 Next.js 应用程序。

了解如何优化应用程序的服务器和客户端捆绑包。

了解如何在 Next.js 中配置预取

在将 Next.js 应用程序投入生产之前，确保最佳性能和用户体验的建议。

了解如何使用 Next.js 构建渐进式 Web 应用程序 (PWA)。

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

使用 Sass 为您的 Next.js 应用程序设置样式。

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

了解如何将 Next.js 应用程序自托管到 Node.js 服务器、Docker 镜像或静态 HTML 文件（静态导出）。

Next.js 完全支持构建单页应用程序 (SPA)。

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

使用 Tailwind CSS v3 为您的 Next.js 应用程序设置样式，以获得更广泛的浏览器支持。

了解如何使用四种常用的测试工具——Cypress、Playwright、Vitest 和 Jest——设置 Next.js。

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

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

优化 Next.js 应用程序中视频的建议和最佳实践。