指南

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

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

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

了解如何为你的 Next.js 应用程序设置内容安全策略（CSP）。

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

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

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

Next.js 有草稿模式用于在静态和动态页面之间切换。你可以在此了解它如何与 App Router 一起工作。

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

了解如何使用仪表在 Next.js 应用中的服务器启动时运行代码

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

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

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

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

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

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

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

学习如何使用 OpenTelemetry 为你的 Next.js 应用程序进行监测。

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

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

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

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

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

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

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

Next.js 允许以静态网站或单页应用程序（SPA）开始，之后可选择升级使用需要服务器的功能。

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

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

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

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