Vite启动器

tanstart — Vite 启动器模板

作者 riipandi

TanStart 是一个基于 TanStack Start、TanStack Query、TanStack DevTools、StyleX 与 TypeScript 的全栈 Web 应用起步模板，作者在 README 中说明它主要用于个人用途，可能包含缺陷。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

3 个预览视图

桌面端首页1 / 3

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

桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 3

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

采集于 2026-10-13查看来源

值得关注的模板亮点

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

组合 TanStack Start、TanStack Query 与 TanStack DevTools，并使用 StyleX 与 TypeScript

TanStack Start 被描述为基于 Vite、React 和 TanStack Router 的全栈 Web 框架

README 提供从拉取模板、安装依赖、配置环境变量到启动开发服务器的完整命令

要求本机安装 Node.js、PNPM 与 Docker，并给出最低版本要求

以 demo 为前缀的文件可安全删除，用于体验已安装功能

README 明确提示这是作者个人使用的模板，可能存在 bug，升级前需阅读发布说明

模板详细介绍

TanStart 是一个全栈 Web 应用起步模板，README 说明其组合了 TanStack 系列库（Start、Query、DevTools）、StyleX 和 TypeScript。TanStack Start 被描述为构建在 Vite、React 与 TanStack Router 之上的全栈 Web 框架，本模板定位为构建全栈应用的最小且稳固的基础。

README 明确提示：该项目只是作者个人使用的模板，可能遇到 bug；升级前应仔细阅读发布说明，因为可能出现破坏性变更。模板要求本机安装 Node.js、PNPM 与 Docker（README 给出了最低版本要求），提供 tiged 拉取命令、克隆仓库、安装依赖、复制 .env.example 为 .env.local、生成应用密钥、启动 Docker 服务与开发服务器的步骤，开发服务器默认地址为 http://localhost:3000。README 提到以 demo 为前缀的文件可以安全删除，它们是用来体验已安装功能的起点；更详细的系统架构、设计决策与项目结构说明位于 docs 目录。README 未提供具体页面功能、性能或生产就绪程度的说明。

Vite启动器

适合你的项目吗？

适用场景

作为构建全栈 Web 应用时的起步代码库
在本地通过 Docker 与开发服务器搭建 TanStack Start 开发环境
参考 docs 目录了解系统架构、设计决策与项目结构
删除 demo 前缀文件后，在模板基础上自行扩展页面与功能

适合人群

希望以 TanStack Start 作为全栈框架起点的开发者
已具备 Node.js、PNPM 与 Docker 环境，并愿意按 README 步骤初始化的开发者
需要一份可自行修改的最小起步模板、而非成品应用的开发者
能接受模板可能存在 bug、并会关注发布说明中破坏性变更的使用者

上手与定制指南

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

1
README 要求本机安装 Node.js、PNPM 与 Docker，并给出最低版本要求
2
可用 pnpm dlx tiged riipandi/tanstart my-app 拉取模板，或克隆仓库后进入目录
3
执行 pnpm install 安装依赖，并将 .env.example 复制为 .env.local
4
运行 pnpm --silent generate:key 生成应用密钥，再用 pnpm compose:up 启动开发服务
5
执行 pnpm dev 启动开发服务器，默认访问地址为 http://localhost:3000

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

允许免费使用、修改、商用和分发该版本代码。
分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
作者说明该项目只是其个人使用的模板，因此使用者可能会遇到 bug，不适合直接当作稳定成品使用。
升级前需仔细阅读发布说明，因为可能出现破坏性变更。
使用前需在本机安装 Node.js、PNPM 与 Docker，并满足 README 给出的最低版本要求。
本地开发需将 .env.example 复制为 .env.local 以配置环境变量。
需要运行命令生成应用密钥后才能正常使用。
需要启动 Docker 相关开发服务（pnpm compose:up）才能运行项目。

查看原文依据

Permission is hereby granted, free of charge
许可证原文

> This project just a template that I use for my personal use, so you may encounter bugs.
README 原文

> Please review the release notes thoroughly before updating, as breaking changes can occur!
README 原文

You will need [`Node.js >= 24.18`][nodejs], [`PNPM >= 12.11`][pnpm], and [`Docker >= 20.10`][docker] installed on your machine.
README 原文

cp .env.example .env.local
README 原文

pnpm --silent generate:key
README 原文

pnpm compose:up
README 原文

https://github.com/riipandi/tanstart/blob/main/LICENSE https://github.com/riipandi/tanstart/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-13。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料较完整 · 83 / 100
技术栈: Vite
网站类型: 启动器

这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间: 2026-10-13
截图检查日期: 2026-10-13

已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 Vite。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

审核声明: codex-user-requested-batch-review-20261015 · 2026-10-15

查看当时使用的来源资料

SHA-256: 4cfb97b13736d27dccaaf432571d1970182e7475dea5ea04ed1a600219d3da9c

2026-10-13T21:29:48.394Z

来源文件 / 仓库

# TanStart

A starter template featuring TanStack libs (Start, Query, DevTools), StyleX, and TypeScript.
TanStack Start is a full-stack web framework built on top of [Vite](https://vitejs.dev/),
[React](https://react.dev/), and [TanStack Router](https://tanstack.com/router/latest).
This template is designed to provide a minimal and solid foundation for building full-stack web applications.

> [!WARNING]
> This project just a template that I use for my personal use, so you may encounter bugs.
> Please review the release notes thoroughly before updating, as breaking changes can occur!

## Quick Start

You will need [`Node.js >= 24.18`][nodejs], [`PNPM >= 12.11`][pnpm], and [`Docker >= 20.10`][docker] installed on your machine.

```sh
pnpm dlx tiged riipandi/tanstart my-app
```

Read the [CONTRIBUTING.md](./CONTRIBUTING.md) for detailed guidelines on contributing to this project.

```bash
# Clone the repository
git clone REPOSITORY_URL
cd myapp

# Install dependencies
pnpm install

# Copy envar for local development
cp .env.example .env.local

# Generate application secrets
pnpm --silent generate:key

# Start development services
pnpm compose:up

# Start dev server
pnpm dev
```

The application will be accessible at: <http://localhost:3000>.

## Learn More

You can learn more about all of the offerings from TanStack in the [TanStack documentation](https://tanstack.com).
Files prefixed with `demo` can be safely deleted. They are there to provide a starting point for you to play around with the features you've installed.

## Documentation

For more detailed information about the system architecture, design decisions, and project structure,
please refer to the documentation in the [`docs`](./docs) directory.

## License

This project licensed under the [MIT license][license-mit]. See the [LICENSE](./LICENSE) file for more information.

---

<sub>🤫 Psst! If you like my work you can support me via [GitHub sponsors](https://github.com/sponsors/riipandi).</sub>

[![Made by](https://badgen.net/badge/icon/Aris%20Ripandi?label=Made+by&color=black&labelColor=black)][riipandi-x]

<!-- References -->
[docker]: https://docs.docker.com/engine/install/
[license-mit]: https://choosealicense.com/licenses/mit/
[nodejs]: https://nodejs.org/en/download
[pnpm]: https://pnpm.io/installation
[riipandi-x]: https://x.com/intent/follow?screen_name=riipandi

反馈内容错误