React启动器

start-ui-web — React 启动器模板

作者 BearStudio

BearStudio 团队基于 React 与 TanStack Start 的全栈启动器，集成认证、数据库与测试工具。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

2 个预览视图

桌面端首页1 / 2

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

桌面端截图

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

全部页面与视图 2

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

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

值得关注的模板亮点

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

集成 TanStack Start、Tailwind CSS、shadcn/ui 等现代前端技术

内置 Better Auth 认证、Prisma 数据库模型和邮件模板

提供 Docker 开发环境，简化 PostgreSQL 等依赖的配置

包含 Storybook、Vitest、Playwright 测试工具链

支持通过 pnpm create start-ui 快速脚手架

模板详细介绍

Start UI [web] 是 BearStudio 团队维护的一个有主见的全栈启动器，用于快速搭建 Web 应用。它基于 Node.js、TypeScript、React 和 TanStack Start，并整合了 Tailwind CSS、shadcn/ui、React Hook Form、oRPC、Prisma、Better Auth 等工具。项目自带完整的用户认证流程、数据库模型、邮件模板和测试配置，适合作为团队新项目的起点。

该模板的核心优势在于其集成的技术栈和工程化实践。它提供了 Docker 开发环境（含 PostgreSQL、MinIO、Maildev），支持邮件本地预览和 OpenAPI 文档访问，并内置 Storybook、Vitest 和 Playwright 测试工具。对于需要快速搭建全栈应用并注重代码质量的团队，这个模板能显著减少初始配置工作。

需要注意的是，模板依赖较新的 Node.js 版本（>=22）和 pnpm，且默认使用 Docker 管理数据库。生产部署前需检查环境变量、数据库迁移和认证配置。此外，模板的 UI 风格和代码结构带有 BearStudio 团队的偏好，可能需要一定时间适应和定制。

React启动器

适合你的项目吗？

适用场景

需要快速搭建全栈 Web 应用的中小型团队
希望使用 TypeScript 和 React 生态的开发者
项目需要内置认证、数据库和邮件功能的场景
作为团队内部项目启动模板，统一技术栈和工程规范

适合人群

React 开发者
全栈工程师
技术团队负责人
希望减少初始配置时间的开发者

上手与定制指南

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

1
需要 Node.js >=22 和 pnpm。
2
安装步骤包括复制 .env.example 为 .env、运行 pnpm install、启动 Docker 容器（或配置外部 PostgreSQL）并初始化数据库。
3
开发时使用 pnpm dev，生产构建使用 pnpm build 和 pnpm start。

查看仓库使用说明