🚀 创建一个新的 T3 项目 —— 所有模块可选,按需组合
由 Theo 创建的 Web 开发技术栈,聚焦于简洁性、模块化、全栈类型安全 [citation:1]。核心包含 Next.js 和 TypeScript,并围绕它们搭配了业内顶尖的库,但保持每个部分可选——按需调换 [citation:1][citation:4]。
React 框架,提供服务端渲染、静态生成、API 路由。让 UI 开发快速且高度优化,引导开发者做出正确决策 [citation:8]。
SSR/SSGApp RouterFile-based routing不是可选项——是基石。提供实时反馈、智能补全,让代码更健壮。“类型安全让你更快写代码” [citation:8]。
严格模式端到端类型实用优先的 CSS 框架,被誉为“禅式 CSS”。无需命名 class,快速构建美观界面,且保持完全定制自由 [citation:8]。
原子类响应式端到端类型安全 API,无需 REST 或 GraphQL 样板。通过 TypeScript 自动推断前后端类型,开发体验极佳 [citation:1][citation:8]。
无 schema轻量下一代 Node.js/TS ORM。从数据库 schema 生成类型,保证从数据库到应用的类型安全。提供 Prisma Studio 图形化操作 [citation:8]。
ORM类型安全迁移工具为 Next.js 量身定制的身份验证方案。支持 OAuth、邮箱、众多数据库适配器,无需自己构建安全措施 [citation:8]。
OAuth适配器session每个被加入的工具必须解决核心技术中的特定痛点。因此不会包含状态管理库(如 zustand),但会深度集成 Prisma、tRPC 这类解决类型安全与数据流问题的库 [citation:1][citation:4]。
在风险较低的部分采用前沿技术(如 tRPC,本质只是一堆函数,移除容易);但对数据库等核心层选择成熟方案(SQL),避免被新技术的陷阱拖累 [citation:1][citation:7]。
全栈类型安全是 T3 的承诺。TypeScript + tRPC 保证前后端类型一致,Prisma 保证数据库类型安全。任何削弱类型安全的决定都不应出现在这个栈中 [citation:1][citation:9]。
它不是普通的模板,而是一个交互式命令行工具,由经验丰富的 T3 开发者构建。运行后根据你的选择(tRPC?Prisma?NextAuth?)生成最小化、模块化的项目骨架 [citation:3][citation:4]。所有选项均可选——这正是模块化的核心 [citation:1]。
搭配 --CI 标志可使用如下选项精确控制技术栈:
示例:pnpm dlx create-t3-app@latest --CI --trpc --tailwind --nextAuth --drizzle --dbProvider postgres [citation:2]
ClawGet 的官网、用户仪表盘、帮助文档均基于 T3 Stack 构建。借助 Next.js 的国际化路由快速部署多语言页面;Tailwind 实现官网“龙虾色”UI;TypeScript 保证前后端类型一致,对接 OpenClaw Python 核心时错误率降低。
T3 层主要负责用户交互、任务编排界面,通过 REST/WebSocket 与 Python 智能体通信。类型安全让 API 契约清晰,联调效率倍增。未来可借助 tRPC 实现内部工具的类型安全调用。
Prisma 管理用户、线索、任务等关系数据,与 PostgreSQL 无缝协作;NextAuth 轻松接入多种认证(Google、GitHub),为未来多租户做好准备。
“我们不重复造轮子,我们站在巨人的肩膀上专注获客智能。” —— ClawGet 工程团队
🔹 Discord:t3.gg/discord [citation:6]
🔹 GitHub:t3-oss/create-t3-app
🔹 部署指南:Vercel / Netlify / Docker [citation:6]
🚀 Create a new T3 project — every module is optional, choose what you need.
Created by Theo, the T3 Stack focuses on simplicity, modularity, and end-to-end type safety [citation:1]. It centers around Next.js and TypeScript, with best-in-class optional libraries you can swap as needed [citation:1][citation:4].
A React framework providing SSR/SSG and API routes. It enables fast UI development and strong optimization while guiding good defaults [citation:8].
SSR/SSGApp RouterFile-based routingNot optional — the foundation. It gives instant feedback and autocomplete for more robust code. “Type safety helps you ship faster” [citation:8].
Strict modeEnd-to-end typesA utility-first CSS framework. Build polished UIs quickly without naming classes, while staying fully customizable [citation:8].
UtilitiesResponsiveEnd-to-end type-safe APIs without REST/GraphQL boilerplate. TypeScript inference keeps client and server types aligned [citation:1][citation:8].
No schemaLightweightA next-gen Node.js/TS ORM. It generates types from your schema and keeps database interactions type-safe, with Prisma Studio for inspection [citation:8].
ORMType-safeMigrationsAuthentication for Next.js with OAuth/email and many adapters, so you don’t have to build security from scratch [citation:8].
OAuthAdaptersSessionEvery tool must solve a concrete pain point. That’s why it may omit generic state libraries, but deeply integrates Prisma/tRPC to address data flow and type safety [citation:1][citation:4].
Use cutting-edge tech where risk is low (e.g., tRPC is “just functions” and easy to remove), while keeping mature choices for the core (SQL) [citation:1][citation:7].
End-to-end type safety is the promise. TypeScript + tRPC keeps types consistent; Prisma makes database access type-safe. Don’t compromise this principle [citation:1][citation:9].
Not a simple template, but an interactive CLI built by experienced T3 developers. It generates a minimal, modular project based on your selections (tRPC? Prisma? NextAuth?) [citation:3][citation:4]. Everything is optional — modularity is the point [citation:1].
With --CI, you can control the stack with flags:
Example: pnpm dlx create-t3-app@latest --CI --trpc --tailwind --nextAuth --drizzle --dbProvider postgres [citation:2]
ClawGet’s website, dashboard, and docs are built with the T3 Stack. Next.js helps deliver multilingual pages; Tailwind matches our brand UI; TypeScript keeps contracts consistent for faster iteration.
The T3 layer focuses on user experiences and orchestration. Clear, typed contracts make integration and iteration much faster.
Prisma manages relational data cleanly; NextAuth simplifies authentication options — preparing us for multi-tenant growth.
“We don’t reinvent wheels — we stand on giants’ shoulders and focus on acquisition intelligence.” — ClawGet Engineering
T3 has great docs, an active Discord, and deep dives on YouTube [citation:3][citation:9].
Visit create.t3.gg →🔹 Discord: t3.gg/discord [citation:6]
🔹 GitHub: t3-oss/create-t3-app
🔹 Deployment: Vercel / Netlify / Docker [citation:6]