提前说明

教程说明

系统说明

由于作者的主力机是 MacOS，所以本教程的命令行操作都是基于 MacOS 的。还请 Windows 用户和 Linux 用户根据实际情况进行调整。善用 AI 进行相关的命令行替换。

初学者声明

本教程主要面向的读者是不太熟悉 Next.js 和全栈开发的开发者，对于完全没有编程经验的小伙伴，还请谨慎阅读。

读者最好学习过任意一门编程语言，本教程更多是工程实践，而非理论知识学习。面向想成为全栈开发者的小伙伴。

如果你还完全不了解 Next.js，还请先阅读 Next.js 官方教程，本教程并不是从零到一的教学 Next.js。

善用 AI

如果有任何问题，请善用 AI 进行提问和解决问题，解决问题是最好的成长方式。

教程目录

教程会分为以下部分，暂时想到的目录结构是这些，随时可以会变动，本教程会持续更新。

由于写本教程面向的用户是 NextDevKit 模板的付费用户，后续模板用户会获得全部更新内容，博客网站更新内容会是简化版。

• 介绍
• 项目初始化
  • git clone
    • gh auth login
    • ssh
    • token
  • IDE 插件
    • 必装
      • biomejs
      • i18n-ally
    • 推荐
      • Git Graph
      • Git History
      • MDX
      • Tailwind CSS IntelliSense
  • biomejs 配置
  • npm & pnpm
  • git hooks 配置
• AI IDE 配置
  • 选择
  • Rules
  • Docs
  • MCP
• Next.js 初始化
  • 环境变量
  • 本地开发
  • monorepo 还是传统目录
  • next.config.ts
  • tsconfig.json
• 快速构建 UI 页面
  • 21st.dev
  • 各大 UI 组件库
  • 黑暗模式
  • 多主题
  • 如何快速配置 nextdevkit 的各个组件
• Next.js 的核心讲解
  • App Route
  • Group Name
  • Layout
  • RSC
  • Server Actions
  • Middleware
• 数据库
  • 选择什么数据库
  • 选择什么 ORM
  • 定义表
  • 如何 migrate
  • 如何使用 client
  • 如何本地连接
  • 生产环境数据库的 studio
• 登录注册
  • 选择 Auth 库
  • Client / Server 端
  • Session Context
• 邮件
  • 发送邮件
  • 邮件模板
  • NextDevKit 内置模板
• 对象存储
  • 什么是对象存储
  • 如何使用
  • 什么是预签名 URL
• 支付
  • 支付商选择
  • 支付流程
  • webhook
  • 本地集成
  • NextDevKit 如何配置
• 博客和文档
  • 什么是 MDX
  • 选择 CMS 还是本地构建
  • metadata 定义和渲染
  • 自定义样式
• 国际化
  • 选择什么 i18n 框架
  • 路由和 layout 定义
  • 编辑不同语言和插件+AI
  • 复杂度上升
• 管理员 Admin
  • 权限控制
  • 页面构建
  • 查询和缓存
• SEO
  • 介绍
  • 优化
  • metadata
• AI