Next.js教程
Next.js高级特性:导入和模块路径别名
从Next.js 9.4开始, Next.js自动支持tsconfig.jsonandjsconfig.json “paths”和”baseUrl”options 。 注意:jsc…
Next.js高级特性:AMP支持
APM简介 使用Next.js,您可以在不离开React的情况下,以最少的配置将任何React页面变成AMP页面。 您可以在amp.dev官方网站上了解有关AMP的更多信息。 启用…
Next.js高级特性:自定义Babel配置
Next.js将next/babel预置包含在您的应用程序中,其中包括编译React应用程序和服务器端代码所需的所有内容。但是,如果您想扩展默认的Babel配置,也可以。 首先,您…
Next.js高级特性:自定义PostCSS配置
默认行为 Next.js使用PostCSS为其内置的CSS支持编译CSS 。 开箱即用,无需配置,Next.js可以通过以下转换来编译CSS: Autoprefixer会自动将供应…
Next.js高级特性:定制服务器
通常,您使用来启动下一个服务器next start。但是,可以使用编程方式100%启动服务器以使用自定义路由模式。 自定义服务器无法部署在用于Next.js平台的Vercel上。 …
Next.js高级特性:自定义App
Next.js 使用 App 组件来初始化页面。你可以覆盖该 App 组件并控制页面的初始化。这让你可以做一些“很吓人”的事情,例如: 页面…
Next.js高级特性:自定义Document
自定义Document通常用于扩充您的应用程序<html>和<body>标签。这是必需的,因为Next.js页面会跳过周围文档标记的定义。 要覆盖默认值Do…
Next.js高级特性:自定义错误页面
404页 404页面可能经常被访问。服务器为每次访问呈现一个错误页面会增加Next.js服务器的负载。这会导致成本增加和体验变慢。 为避免上述陷阱,默认情况下,Next.js提供了…
Next.js高级特性:src目录
页面(pages)也可以添加到 src/pages 目录下,作为根目录下的 pages 目录的替代品。 该 src 目录…
Next.js高级特性:Multi Zones
区域是Next.js应用程序的单个部署。您可以具有多个区域,并将它们合并为一个应用程序。 例如,假设您有以下应用程序: 用于投放的应用 /blog/** 另一个服务所有其…
Next.js高级特性:Measuring performance
Next.js Analytics允许您使用不同的指标来分析和衡量页面的性能。 您可以使用零配置在Vercel部署上开始收集“真实体验得分”。如果您是自托管的,还支持Google …
Next.js高级特性:调试
本文档介绍了如何使用Chrome DevTools或VSCode调试器通过完整的源映射支持调试Next.js前端和后端代码。 它要求您首先在一个终端中以调试模式启动Next.js应…
Next.js高级特性:源地图
在开发过程中默认情况下启用“源映射”。在生产构建期间,它们被禁用,因为生成源映射可以在生成时显着增加构建时间和内存使用率。 Next.js提供了一个配置标志,可用于在生产构建期间启…
Next.js高级特性:Next.js Codemods
当不推荐使用某个功能时,Next.js提供了Codemod转换以帮助升级您的Next.js代码库。 Codemod是以编程方式在您的代码库上运行的转换。这允许应用大量更改,而不必手…
Next.js高级特性:国际化路由
自以来,Next.js内置了对国际化(i18n)路由的支持v10.0.0。您可以提供语言环境,默认语言环境和特定于域的语言环境的列表,Next.js将自动处理路由。 目前的国际化路…