01MVP 代码模板指南

全栈模板文档入口 -- 开箱即用的账号、支付、AI、国际化和部署能力,帮你专注产品本身。

01MVP 是一套面向独立开发者和小团队的全栈项目底座。账号、支付、AI、数据库、i18n、部署这些高频模块已经接好,你不需要从零搭建,直接在上面改。

代码模板正在开发中,当前为文档预览版,非最终成果

代码模板后续会面向付费会员开放,敬请期待。

开箱即用的能力

  • 7+ 登录方式:邮箱密码、手机号、Google、GitHub、微信、Magic Link(免密码邮箱链接登录)、用户名,接入 Better Auth 一次搞定
  • 5 个支付渠道:Stripe、微信支付、支付宝、PayPal、Waffo,统一调用接口,切换渠道只需改配置
  • AI 能力集成:对话、图片生成、视频生成、多模型路由,基于 Vercel AI SDK 封装,接新模型一行代码
  • 积分/额度系统:内置 credits 账本,对接支付后自动发放,可控制每个功能消耗额度
  • 中英双语 i18n:基于 next-intl,翻译文件结构清晰,新增语言只需加一个目录
  • 三层 UI 组件体系:shadcn 原语组件 + 跨应用共享业务组件 + 应用层自定义组件,边界清晰不越界
  • Monorepo + 24+ 共享包:pnpm workspace + Turborepo 管理,每个包独立类型检查和测试,复用不耦合
  • Vercel 优先部署:push 即部署,预览环境自动生成,CI/CD 已接好

配置指南

按任务找对应文档,先完成关键配置再开发业务功能。

项目结构

项目采用 pnpm monorepo,核心目录如下:

turbo.json
pnpm-workspace.yaml
  • apps/01mvp-web:主应用,Next.js App Router,业务代码都在这里
  • packages/*:共享包,按领域拆分(auth、payment、ai 等),workspace:* 引用,src/index.ts 导出
  • packages/ui:纯 shadcn/ui 原语,只通过 CLI 更新,手动修改禁止
  • packages/ui-shared:跨应用共用业务组件(Logo、UserAvatar、密码输入框等)

技术栈

类别技术说明
框架Next.js 16React 全栈框架,Turbopack 构建,SSR + API 路由 + 文件路由
语言TypeScript 5.9严格模式全开,编译期类型检查
数据库PostgreSQL + Prisma ORMORM 自动生成类型安全的查询代码,迁移脚本统一管理
认证Better Auth支持邮箱、手机、OAuth、Magic Link 等多种登录方式
支付Stripe / 微信支付 / 支付宝 / PayPal / Waffo国际和国内支付统一接口
AIVercel AI SDK多模型对话、图片/视频生成、流式响应
UITailwind CSS v4 + shadcn/ui语义化 Token + 主题预设,支持暗色模式
i18nnext-intl中英双语,翻译文件结构化管理
Monorepopnpm + Turborepo工作区依赖管理 + 构建缓存加速
文档Fumadocs基于 MDX,支持搜索、多语言
部署Vercelpush 即部署,预览环境自动创建
代码质量Biome统一 linting 和格式化

选择网站风格

模板内置 4 个主题预设,切换只改 CSS 变量,不改业务代码。如果你想自定义品牌风格,参考 UI 与主题指南

01MVP 风格预览

01MVP

硬核极简,外层强边框,内部灰色分割。

Linear 风格预览

Linear

更柔和的产品界面,轻微冷色和圆角。

Claude 风格预览

Claude

温和的阅读感,适合教程和长文内容。

Vercel 风格预览

Vercel

黑白灰、细边框、低装饰,适合产品官网和文档。

推荐阅读路径

第一次接手模板

跑起来快速开始 -- 环境准备、数据库初始化、本地启动

看架构项目架构与代码组织 -- monorepo 结构、包边界、配置体系

改功能:按需进入对应指南,比如 认证数据库

上线部署指南 -- Vercel 部署流程和环境变量配置

正在做功能改造

直接找对应指南即可,不需要先理解整个架构:

要做的事对应文档
登录、OAuth、权限认证系统
新增数据表和迁移数据库
接口和 OpenAPIAPI 开发
页面和主题UI 与主题
国际化国际化接入
支付和积分支付与积分
文件上传和存储存储与文件
权限与风控权限与风控

文档分层说明

文档分五层,根据你当前需要的深度选择:

层级定位
开始使用跑起来 + 知道下一步读什么
核心概念为什么这样组织,理解边界和约束
功能指南按任务组织,解决具体问题的主入口
上线与维护测试、发布、CI/CD、排障
参考手册Workspace 包、编码规范、扩展点

需要帮助?

文档有任何不清楚的地方,可以直接在页面底部反馈,我们持续改进。