next.js

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 个高频踩坑点的解决方案。

Next.js App Router 全栈实战：从 0 到 1 写一个 Todo 应用，前端后端一个项目搞定如果你是一个 React 开发者，大概率经历过这样的场景：Next.js 就是为了解决这些痛点而生的。

进哥AI研习社

图片优化全链路——AVIF/WebP 自适应与懒加载策略三餐四季，温暖有趣，便是人间好光景。在重复与平凡中创造诗意、感知幸福的能力，是一种“此心安处是吾乡”的满足感。真正的奢华不在别处，在于你如何经营触手可及的日常。

Darling噜啦啦

从零搭建单词管理系统：Next.js + Supabase + Drizzle ORM 全栈实战学了 Next.js 文件路由，学了 SDD 规范驱动开发，但总觉得缺一个完整的全栈项目把知识串起来？本文以一个"单词后台管理系统 + H5 应用"为真实需求，完整拆解从数据清洗、云端数据库、ORM 映射、UI 组件库到 Conventional Commits 的全链路工程实践。Supabase 做 BaaS 云数据库，Drizzle ORM 做对象关系映射，shadcn/ui 做组件层，Next.js 做全栈骨架——四个工具各司其职，拼出一个 AI 友好的现代全栈架构。建议收藏后动手实践。

搭建一个单词管理后台：Next.js + Supabase + Drizzle想象一下这个场景：你有一个收录了成千上万个英文单词的数据文件，你想把它变成一个可以在线管理的系统——小编可以增删改查单词书，管理员可以管理账号。这就是我们要做的项目。

V077：Next.js 后台的认证与权限防线：首个超级管理员的事务锁初始化、会话令牌哈希，与四道管理员保护规则一个只给管理员用的后台系统，最要紧的代码往往不是界面，而是两句话的答案：谁能进得来，谁进来之后能干什么。第六十五天用 Next.js 16 + supabase + drizzle 从零搭了一个"单词管理后台"（danci-admin），把这两件事落到了一条完整的链路上：supabase 这种 BaaS 数据库让"数据库 + 部署"的开销趋近于零，drizzle ORM 让"建表"变成写一个 TypeScript 对象，而认证和权限则靠三块设计撑起来——首个账号用数据库事务锁安全地初始化成超级管理员、会话

Next.js 16 笔记应用实战：Redis 数据链路与组件两版拆分详解学习 Next.js 时，真正需要建立的不是“记住多少 API”，而是一套清晰的代码组织方式：本文围绕一个双栏笔记应用展开。当前代码已经建立“Redis → 服务端组件 → 侧边栏列表”的读取链路，并规划了笔记详情、新增、编辑、删除、搜索和 Markdown 预览等能力。

用户93851563507

用 AI 结对编程从 0 搭一个"单词后台管理系统"：Next.js + Supabase + Drizzle + shadcn/ui 全记录今天用 Claude Code（AI 编程助手）从零搭了一个单词管理后台。这篇文章不是贴代码清单，而是把今天踩过的每一个技术点，从底层原理讲明白：为什么用云数据库？ORM 到底在做什么？密码为什么不能明文存？localStorage 为什么要放在 effect 里读？每一段代码都对应一个笔记里的知识点。

从 "use client" 到 Route Handler：用 Todos 理解 Next.js 水合与全栈请求掌握 App Router 的页面、路由和布局之后，下一步通常不是继续增加静态页面，而是让页面真正“动起来”：输入一条待办事项，点击按钮，把数据发送给后端，再将结果显示在列表中。

从 CSR 到 Server Component：吃透 Next.js 16 App Router 路由、布局与 SEO前端开发者第一次接触 Next.js，最容易产生两个疑问：要回答它们，不能只记住 page.tsx、layout.tsx 这些文件名，而要先理解页面究竟在哪里生成，以及浏览器第一次请求 URL 时究竟拿到了什么。