全栈菜鸡坤

Next.js渲染(CSR/SSR/SSG/ISR) 本文概括 本文介绍了 Next.js 的主要渲染方式，包括 CSR、SSR、SSG、ISR，以及 RSC 和 Suspense。

本文概括： 在 Next.js 中定义 GET/POST 接口及动态路由、缓存控制。 middleware.ts 用法，包括重定向、Cookie、请求/响应头、CORS 设置。

本文总结： 服务端组件 → 直接 fetch 或 ORM 查询。 客户端组件 → 用 use Hook 或 swr/react-query。 缓存 → 四种机制：请求记忆、数据缓存、完整路由缓存等

本文概括： Next.js SEO优化：用服务端组件、Streaming 渲染、next/image 和 next/font 提升加载速度和页面稳定性。

本文概括 Page Router vs App Router：老版用 pages 目录，新版用 app 目录并通过约定文件定义路由和特殊功能。

Next.js 路由系统App Router 本文概括： 文件即路由规则：文件夹结构决定 URL，对应的特殊文件有 layout.tsx、loading.tsx、error.tsx、not-found

Next.js配置代码格式化和校验 ESLint 可以给项目加上代码校验 Prettier可以格式化代码 Git的钩子可以在提交时自动修复格式化 安装和配置Prettier Next.js

从 Umi Max 迁移到 Next.js，我们实现了前后端架构解耦：后台继续用 Umi 做中台管理，前台用 Next.js 利用 SSR 提升 SEO 和性能。抛弃了 umi-request 改用

docker多架构镜像构建，构建amd和arm两种架构惊喜并推送harbor仓库中，之后测试两种架构是否可行