Next.js

在 Next.js 中，**BSR（Browser-Side Rendering）、SSR（Server-Side Rendering）和 SSG（Static Site Generation）** 是三种常见的渲染方式，它们各有适用场景： 1. **BSR（Browser-Side Renderi...

Next.js 是一个流行的 **开源 React 框架**，由 Vercel 公司开发，用于构建现代 Web 应用程序。它特别适合用于创建**服务端渲染（SSR）**、**静态站点生成（SSG）**以及**客户端渲染**的应用。Next.js 在 React 的基础上增加了一些强大的功能，使得开发...

useEffect`useEffect` 是 React 中的一个 **Hook**（钩子），用于在**函数组件**中处理**副作用**（side effects）。副作用指的是那些在渲染之外的操作，比如数据请求、订阅事件、手动操作 DOM 等。在类组件中，这些逻辑通常写在生命周期方法（如 `co...

NextJS 和 nodeJS 之间的关系可以从技术和功能的角度来理解，它们是相辅相成的工具，但各自扮演不同的角色。1. **NodeJS 是什么？** NodeJS 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境，允许开发者在服务器端执行 JavaScript 代...

`npx` 是 Node.js 生态中的一个工具，它随着 npm（Node Package Manager）5.2.0 版本之后默认捆绑安装。简单来说，`npx` 是一个命令行工具，用于更方便地执行 Node.js 包中的可执行文件，而无需全局安装这些包。 `npx` 是什么？- **全称**: N...

**SWR 是什么？****SWR** 是一个由 **Vercel**（Next.js 开发公司）推出的 **React 数据获取库**，用于高效获取、缓存和自动同步远程数据。**SWR** 代表：- **S**tale（过期）- **W**hile（在）- **R**evalidate（重新验证...

`@next/mdx` 插件的主要作用是 **让 Next.js 支持 MDX 文件的导入和使用**。 什么是 `@next/mdx``@next/mdx` 是 Next.js 官方提供的一个插件，它结合了：* **Markdown（`.md`）的简洁书写格式*** 和 **JSX（React 组件...

**App Router 和 Pages Router 是 Next.js 的两套完全不同的路由架构**，主要区别体现在功能理念、文件结构、用法和灵活性上。 两者区别| 路由类型 | 简洁描述 || --------...

默认访问路径Next.js 从 **v9 起**就原生支持把 `pages/`、`app/`、`components/` 等目录放在 `src/` 下，为了更清晰地分离“源代码”和其他项目文件（如配置文件、README 等）。 默认路径：| 目录结构 | 是否默认支...

如果你在运行的时候报错：```page.tsx doesn't have a root layout. To fix this error, make sure every page has a root layout.```说明你在使用 **App Router（`app/` 目录）结构** 的时...