next.js

Next.js 教程系列（十九）图像优化：next/image 与高级技巧大家好，我是鲫小鱼。是一名不写前端代码的前端工程师，热衷于分享非前端的知识，带领切图仔逃离切图圈子，欢迎关注我，微信公众号：《鲫小鱼不正经》。欢迎点赞、收藏、关注，一键三连！！

第 5 章：静态资源与图片优化在 Web 开发中，图片加载优化是影响性能和体验的关键因素。Next.js 提供了多个工具用于处理静态资源与图片，极大提升了开发效率和页面性能。

Next.js 教程系列（十八）国际化 (i18n) 与多语言支持大家好，我是鲫小鱼。是一名不写前端代码的前端工程师，热衷于分享非前端的知识，带领切图仔逃离切图圈子，欢迎关注我，微信公众号：《鲫小鱼不正经》。欢迎点赞、收藏、关注，一键三连！！

调用DeepSeek API实现DeepSeek网页版这篇笔记, 记录调用DeepSeekAPI, 实现DeepSeek网页版。先看下效果: 这个截图的URL,不是官网DeepSeek, 是我们在vercel上自己部署的, 是我们自己写的代码。

第 2 章：页面与路由系统Next.js 的路由系统是基于文件系统自动生成的，不需要引入第三方路由库（比如 react-router），大大简化了页面组织与跳转逻辑。

Next.js 应用性能优化实战：从 CSR 到 SSG 的演进过程在最近的项目实践中，我遇到了一个首页性能优化的问题。首页包含一个较为复杂的 AnimatedBanner 组件，具有大量的图片和鼠标跟随动画。最初的实现方式为客户端渲染（CSR），带来了较大的首屏加载压力。本文将详细记录我如何逐步优化 AnimatedBanner，从客户端渲染 (CSR) 到静态站点生成 (SSG)，并解决了在过程中遇到的各种问题。

RSC、SSR傻傻分不清？一文搞懂所有渲染概念！作为前端开发者，你是否被 Next.js 中的各种渲染概念搞得头晕眼花？RSC、SSR、SSG、ISR...这些缩写到底是什么意思？本文结合nextjs v15版本，用最通俗的语言带你彻底搞懂！

Next.js 渲染模式深度解析与SEO优化Next.js 是一个强大的 React 框架，支持多种渲染方式：客户端渲染（CSR/BSR）、静态站点生成（SSG）、服务端渲染（SSR）、增量静态再生（ISR）。本文将通过示例、代码、Mermaid图表以及优化策略，帮助你深入理解这些渲染方式，并掌握如何针对 SEO 进行优化。

Next.js 教程系列（十六）Next.js 中的状态管理方案大家好，我是鲫小鱼。是一名不写前端代码的前端工程师，热衷于分享非前端的知识，带领切图仔逃离切图圈子，欢迎关注我，微信公众号：《鲫小鱼不正经》。欢迎点赞、收藏、关注，一键三连！！

Next.js 教程系列（十五）复杂表单处理与数据校验大家好，我是鲫小鱼。是一名不写前端代码的前端工程师，热衷于分享非前端的知识，带领切图仔逃离切图圈子，欢迎关注我，微信公众号：《鲫小鱼不正经》。欢迎点赞、收藏、关注，一键三连！！

Next.js 教程系列（十四）NextAuth.js 身份认证与授权大家好，我是鲫小鱼。是一名不写前端代码的前端工程师，热衷于分享非前端的知识，带领切图仔逃离切图圈子，欢迎关注我，微信公众号：《鲫小鱼不正经》。欢迎点赞、收藏、关注，一键三连！！

Next.js 教程系列（十三）Server Actions：新一代全栈能力大家好，我是鲫小鱼。是一名不写前端代码的前端工程师，热衷于分享非前端的知识，带领切图仔逃离切图圈子，欢迎关注我，微信公众号：《鲫小鱼不正经》。欢迎点赞、收藏、关注，一键三连！！

第一次赚美元！纯新手深度复盘网站出海，一文掌握全流程大家好，我是赫兹！之前没有接触过网站开发，是一个探索网站出海生意的新手，希望可以站在新手的视角，和你分享网站出海的生意。

Next.js 教程系列（十二）API Routes：构建轻量级后端服务大家好，我是鲫小鱼。是一名不写前端代码的前端工程师，热衷于分享非前端的知识，带领切图仔逃离切图圈子，欢迎关注我，微信公众号：《鲫小鱼不正经》。欢迎点赞、收藏、关注，一键三连！！

Next.js 教程系列（十一）数据缓存策略与 Next.js 运行时大家好，我是鲫小鱼。是一名不写前端代码的前端工程师，热衷于分享非前端的知识，带领切图仔逃离切图圈子，欢迎关注我，微信公众号：《鲫小鱼不正经》。欢迎点赞、收藏、关注，一键三连！！

Next.js 教程系列（十）getStaticPaths 与动态路由的静态生成大家好，我是鲫小鱼。是一名不写前端代码的前端工程师，热衷于分享非前端的知识，带领切图仔逃离切图圈子，欢迎关注我，微信公众号：《鲫小鱼不正经》。欢迎点赞、收藏、关注，一键三连！！

我用五层架构重建了整个 Next.js 项目，从污染地狱爬上了性能天堂“我们不只是开发功能，更在搭建一座长期可演化的工程大厦。”在 React Server Components（RSC）和 Next.js App Router 成为主流架构范式的今天，许多开发者仍在“性能”和“结构混乱”之间痛苦拉扯。本文将分享我在真实项目中不断试验、打磨，最终沉淀下来的架构设计方法——RSC 优先的五层架构模型（5-Layer Architecture）。

Next.js 教程系列（七）服务端渲染 (SSR) 深度探究：`getServerSideProps`大家好，我是鲫小鱼。是一名不写前端代码的前端工程师，热衷于分享非前端的知识，带领切图仔逃离切图圈子，欢迎关注我，微信公众号：《鲫小鱼不正经》。欢迎点赞、收藏、关注，一键三连！！

Next.js 教程系列（九）增量静态再生 (ISR)：动态更新的静态内容大家好，我是鲫小鱼。是一名不写前端代码的前端工程师，热衷于分享非前端的知识，带领切图仔逃离切图圈子，欢迎关注我，微信公众号：《鲫小鱼不正经》。欢迎点赞、收藏、关注，一键三连！！

Next.js 教程系列：从入门到架构实战大家好，我是鲫小鱼。是一名不写前端代码的前端工程师，热衷于分享非前端的知识，带领切图仔逃离切图圈子，欢迎关注我，微信公众号：《鲫小鱼不正经》。欢迎点赞、收藏、关注，一键三连！！