指南

使用 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 拥有 draft mode 来在静态和动态页面之间切换。你可以在这里了解它在 App Router 中的工作原理。

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

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

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

学习如何在 Next.js 应用中使用 instrumentation 在服务器启动时运行代码

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

学习如何在 Next.js 应用中添加 JSON-LD 以向搜索引擎和 AI 描述你的内容。

懒加载导入的库和 React Components 以提升你的应用程序的加载性能。

学习如何使用 Next.js 优化你的本地开发环境。

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

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

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

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

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

学习如何使用 Next.js Multi-Zones 在单个域名下部署多个 Next.js 应用来构建微前端。

学习如何使用 OpenTelemetry 对你的 Next.js 应用进行 instrumentation。

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

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

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

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

学习在 Next.js 中处理重定向的不同方式。

使用 Sass 为你的 Next.js 应用程序添加样式。

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

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

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

Next.js 支持以静态站点或单页应用程序（SPA）的方式启动，然后可以选择升级以使用需要服务器的功能。

使用 Tailwind CSS v3 为你的 Next.js 应用添加样式，以获得更广泛的浏览器支持。

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

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

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

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