Next.jsReactTypeScript启动器SaaS

create-t3-turbo — Next.js 启动器模板

作者 T3 OSS

全栈TypeScript monorepo启动器，整合Next.js、Expo与tRPC，适合多端产品。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

2 个预览视图

桌面端首页1 / 2

访问演示网站在新标签页打开

桌面端截图

演示站首页的真实桌面布局。

全部页面与视图 2

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-09-27查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

Turborepo monorepo 结构，apps 与 packages 清晰分离

Next.js 15、React 19、Tailwind CSS v4，Expo SDK 54 支持移动端

tRPC v11 提供端到端类型安全 API

Drizzle ORM 搭配 Supabase，默认 edge 部署

better-auth 认证，支持 OAuth 代理

shadcn/ui 组件包，便于扩展 UI

模板详细介绍

create-t3-turbo 是一个面向全栈 TypeScript 的 monorepo 起点，由 T3 OSS 维护，在 Vercel 模板目录中收录。它把 T3 应用拆分为多个包，核心结构包含 apps 下的 Next.js、Expo 和可选的 TanStack Start 三个应用，以及 packages 下的 api（tRPC v11）、auth（better-auth）、db（Drizzle + Supabase）和 ui（shadcn/ui）等共享包。这种划分让 Web、移动端和共享代码各得其所，适合需要同时维护多个客户端的产品。

模板的技术选型比较新：Next.js 15、React 19、Tailwind CSS v4，Expo SDK 54 配合 NativeWind v5。API 层用 tRPC 实现端到端类型安全，数据库使用 Drizzle ORM 并默认绑定 Supabase（edge 驱动）。如果你要切换数据库或非 edge 驱动，README 明确指出了需要修改的文件和移除 runtime 的位置。认证采用 better-auth，需要额外生成 schema。

使用门槛不低。你需要熟悉 pnpm、Turborepo 和 monorepo 工作流，并且要处理 Expo 与认证的联调（推荐部署 auth proxy）。模板用 @acme 作为包名占位，需要全局替换。部署方面，Next.js 应用可部署到 Vercel，Expo 则需要走 EAS Build 和应用商店流程。如果你只需要 Web 端，可以删除其他 app 文件夹，但整体结构仍偏向多端场景。

MonorepoTypeScriptNext.js全栈

适合你的项目吗？

适用场景

需要同时构建 Web 和移动端产品的团队
希望将现有 T3 应用迁移到 monorepo 结构的项目
追求端到端类型安全的全栈开发
以 Vercel 为主要部署平台的前端项目

适合人群

熟悉 Next.js 和 TypeScript 的开发者
需要共享代码库的多端应用
愿意使用 pnpm 和 Turborepo 的团队

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

1
安装前需检查 package.json 中的 engines 要求。
2
使用 pnpm 安装，复制 .env.example 为 .env，运行 pnpm db:push 推送数据库 schema，然后执行 pnpm --filter @acme/auth generate 生成认证 schema。
3
Expo 开发需配置 iOS 模拟器或 Android 模拟器，并处理 better-auth 的 OAuth 回调。
4
部署时，Next.js 应用需在 Vercel 中选择 apps/nextjs 作为根目录，并配置 POSTGRES_URL。

查看仓库使用说明