Guides

通过最小化配置，无需离开 React，你可以开始添加 AMP 并提高页面的性能和速度。

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

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

在 Next.js 中扩展自己的配置来扩展 babel 预设。

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

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

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

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

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

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

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

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

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

学习如何配置 MDX 以在你的 markdown 文件中编写 JSX。

学习如何从流行框架迁移到 Next.js

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

学习如何使用 OpenTelemetry 来检测你的 Next.js 应用。

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

使用你自己的配置扩展 Next.js 添加的 PostCSS 配置和插件。

Next.js 具有静态生成页面的预览模式。你可以在这里了解它的工作原理。

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

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

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

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

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

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

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

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