Next.js

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

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

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

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

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

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

这是一个 Next.js 专门生成用于部署的精简版本（用于容器部署 / Docker），特点：* 只包含运行所需的最小 Node.js 文件（没有源码、没有 webpack 依赖）* 可以像普通 Node 项目一样启动：`node server.js`* 与 `.next/static`、`.nex...

Dockerfile 采用了多阶段构建（multi-stage build）的方式，构建并部署一个基于 Node.js + pnpm 的 Web 应用（如 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/` 目录）结构** 的时...