教程介绍

我最开始做 nextdevkit 模板的时候，想着我的客户可能都是比较有经验的开发者，所以没有打算写具体使用教程，而是写参考性文档，并且写的文档都是不具教学性质的，而是参考型文档，属于那种你忘了某一块内容，可以随时回来翻阅的精简文档。

但是随着我接触的客户越来越多，我发现很多客户都是第一次使用 Next.js，甚至还有部分不是开发者。

所以我还是打算写一份使用教程，帮助他们快速上手 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