所以本篇文章我们从零开始构建一个 `Next` + `App Router` 的国际化翻译方案，其中将涉及到语言切换、翻译文件管理等要点。

ESlint是什么 ESLint 是一种静态代码分析工具，用于在编写 JavaScript 和 TypeScript 代码时识别和报告问题。主要有两个功能：代码质量检查、代码格式化。 代码质量检

背景 在项目前期开发时，曾经对Next的App Router和Page Router都做了一些基础的demo试验，通过对比去看那个Router更合适。从试验的demo来看，其实无论是App和Page都

一、路由(以App Router为例)： 1.Nextjs使用项目目录结构去定义路由： 在对应路由文件夹下： page.js文件定义页面 layout.js处理布局(page的内容会作为layout的

作为一个成熟的前端开发工程师，服务端渲染是必须要具备技能，服务端渲染在开发 ToC 应用时非常有优势，对比客户端渲染有更好的性能(首屏渲染更快)、搜索引擎优化(SEO)更友好。

Next.js 是 React 的全栈框架，主打服务端渲染，也就是 SSR（Server Side Rendering）。 它有一套非常强大但也很奇怪的路由机制。 这套路由机制是什么样的？为什么又说很

在实际的项目开发中，我们的 Next.js 应用往往是同时采用多种渲染方式共同构建的，各种 API 结合使用，在保障功能可以正常实现的前提尽可能的去提升性能，使得用户体验更加流畅才是我们的根本目的。

最近在重新梳理 Next.js，这篇文章主要讲解 Next.js 中的渲染模式，也是讲web前端常见的渲染模式，不同的渲染模式对性能的影响也会相差很大

使用 Next.js 的时候，经常会在引入三方库（比如 antv）的时候，遇到 “document is not defined”、“window is not defined" 这样的报错，此时该怎