next.js

成为全栈·Next.js 网站前台篇·响应式、可访问性与错误状态：内容站不能只验桌面首页设计稿在 1440px 正常，只能证明一张静态画面。真实内容站还要面对 320px、四级菜单、键盘焦点、宽表格、重复标题、空数据、404 和服务端故障。

成为全栈·Next.js 网站前台篇·站点设置如何驱动页头、页脚与 SEO站点名称、Logo、描述、关键词和版权不是散落在组件里的常量。它们是一份公开配置，需要同时驱动页面外壳和 metadata，并在接口失败或字段为空时有一致降级。

成为全栈·Next.js 网站前台篇·同源 BFF 代理：API、附件、Cookie 与跨站写入保护Route Handler 代理不是把一个 URL 原样转发到另一个 URL。它还要限制目标地址、保留查询串、正确处理多个 Set-Cookie、隔离私有缓存，并拒绝明确的跨站写入。

成为全栈·Next.js 网站前台篇·评论系统：叠楼、回复、删除与内容审核如何落到前台后端返回的是带 parentId 的扁平分页，用户看到的却是主楼、回复对象和上下文。前端重建树时，必须同时面对跨页父评论、审核隐藏、删除缺口与异常环形引用。

一条请求的接力赛：用运行时责任重画 RSC 边界React Server Components（RSC）讨论到最后，常常又回到一句过于静态的话：“这个组件该放服务端，还是客户端？”

前端落地实战：Next.js 项目 Nginx + PM2 生产部署全流程（附踩坑总结）做前端开发这么多年，从纯静态 Vue/React 项目，到现在主流的 Next.js 服务端渲染项目，最大的感受就是：页面写得再好，部署落地不稳，一切都是白搭。

Vue/React SPA 打包部署后，子路由刷新 401 未登录问题彻底解决今日遇到一个奇怪的问题，页面刷新就报登录失效，我刚登录也是报这个问题，经过仔细查找，发现SPA 单页项目部署 Nginx 后刷新子路由报错，算是老生常谈的经典坑了。但这次遇到的情况和常规 404 不一样，是子路由刷新直接报 401 未登录，坑点藏得更深，很多新手甚至中级前端都会被绕进去。

成为全栈·Next.js 网站前台篇·数据获取与缓存：60 秒再验证背后到底发生了什么revalidate: 60 不是每 60 秒跑一次定时任务，也不保证第 61 秒的用户立即看到新内容。只有理解过期、旧值和再生成的时序，才能知道自己向用户承诺了什么。

名字还没想好☜

React 文件上传实战:预览 URL 回收、多文件逐个进度与拖拽放置区踩坑文件上传看着简单,一个 <input type="file"> 而已,可真写起来到处是坑:预览图内存越用越多、选同一个文件第二次不触发、多文件上传进度只能看总量、拖拽区域松手时浏览器直接把文件当新页面打开了。这篇把这些坑一个个填平,最后给你一个能直接抄进项目的上传组件。

NestJS 入门：用"模块化 + 装饰器"读懂大型后端框架NestJS 是目前最流行的 Node.js 大型后端框架之一。它的核心思想：用面向对象 + 装饰器，把后端代码组织得规整、可扩展。

前端每日知识点：Next.js 渲染与缓存：从 Pages Router 到 Cache Components 的范式迁移如果把 Next.js 这几年的渲染演进浓缩成一句话，我会说：渲染的控制粒度越来越细，缓存的行为越来越显式。

名字还没想好☜

React 实现暗黑模式切换:localStorage 持久化、SSR 首屏闪烁与跟随系统主题暗黑模式看着是个小功能:加个开关,切换 dark class,完事。真自己写一遍才发现全是坑:刷新页面主题丢了、用 Next.js 时首屏先闪一下白屏再变黑(那一下白光晃眼睛)、用户明明设了系统深色但你的站默认还是亮色。

AI外贸建站04｜三个账号第一次联动：让Codex写一个网页，从生成到上线走完整条流水线文/林芳老师上一篇（03）我们把三件套认全了：GitHub 是档案室，Next.js 是网站主体框架，Codex 是随叫随到的 AI 技术工人。工具都装好了，但很多人卡在下一个问题上：这三样东西我都有账号了，然后呢？它们到底怎么一起干活？

AI外贸建站03｜建站三件套：GitHub、Next.js、Codex各干什么，为什么别再用模板建站文/林芳老师上一篇（02）我们定了学习节奏：38-45 课时、8-10 周走完，毕业时手里有一个能获客的网站、一套 AI 内容底座、一条进 CRM 的询盘通路和一套可复用模板。从这一篇开始，正式进入工具篇。

my-first-ai-web_学习记录05——NextAuth Adapter 存储用户信息day008 的核心问题是：上一节的登录状态只存在于 Session Cookie 中，虽然 session.user 能拿到 GitHub 用户信息，但数据库里没有一个稳定的用户实体。

10年前端老司机

别卷CRUD了！前端用Next.js+LangChain.js，低成本冲进AI高薪赛道2026年的前端行业，早已进入极致内卷时代。会React、会Vue、会切图写样式，已经是程序员的标配技能。每天重复迭代后台系统、写重复CRUD逻辑、调试兼容样式，工作内容同质化严重，可替代性拉满。

为你学会写情书

用 Redis 当数据库？Next.js 笔记系统的数据层设计别人都用 MySQL，这个项目却拿 Redis 存笔记。聊聊 NOSQL 的取舍、hash 类型的妙用，以及 Redis + MySQL 的经典缓存思路。

为你学会写情书

Next.js 16 全栈实战：从零搭一个 Markdown 笔记系统用最新版 Next.js 16 + React 19 + Redis，手把手写一个「左列表右内容」的笔记应用，带你吃透 App Router、RSC 与工程化规范。

框架的说明书是写给 AI 看的：我用 Next.js 搭了个博客前几天跑 npx create-next-app@latest 新建了个项目，页面写得差不多了，准备提交。git diff 一打开，里面躺着一个我从没创建过的文件：AGENTS.md。

🚀 Next.js 全栈项目数据库连接实战：Drizzle ORM + Supabase 从零到跑通摘要：很多 Next.js 全栈开发者在连接云端数据库时都会踩坑。本文以一个真实的管理后台项目为例，手把手教你使用 Drizzle ORM + Supabase PostgreSQL 直连方案实现数据库连接，涵盖 TypeScript ORM 配置、Schema 定义、数据流转架构、CRUD 操作全流程，以及 4 个高频踩坑点的解决方案。