Combines TanStack Start, TanStack Query, and TanStack DevTools, and uses StyleX and TypeScript
ViteStarter
tanstart — Vite Starter Template
By riipandi
TanStart is a full-stack web application starter template based on TanStack Start, TanStack Query, TanStack DevTools, StyleX, and TypeScript. The author states in the README that it is mainly for personal use and may contain bugs.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 3
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 3
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-13View source
What stands out
A quick read of the recorded project description.
TanStack Start is described as a full-stack web framework based on Vite, React, and TanStack Router
The README provides complete commands from pulling the template and installing dependencies to configuring environment variables and starting the development server
Requires Node.js, PNPM, and Docker to be installed locally, and gives minimum version requirements
Files prefixed with demo can be safely deleted and are used to try out installed features
The README explicitly warns that this is a template for the author's personal use, that bugs may exist, and that release notes should be read before upgrading
Template Details
TanStart is a full-stack web application starter template. The README states that it combines the TanStack family of libraries (Start, Query, DevTools), StyleX, and TypeScript. TanStack Start is described as a full-stack web framework built on Vite, React, and TanStack Router, and this template is positioned as a minimal and solid foundation for building full-stack applications.
The README explicitly warns that this project is only a template for the author's personal use and that bugs may be encountered; release notes should be read carefully before upgrading because breaking changes may occur. The template requires Node.js, PNPM, and Docker to be installed locally (the README gives minimum version requirements). It provides steps for pulling with tiged, cloning the repository, installing dependencies, copying .env.example to .env.local, generating an application key, starting Docker services, and starting the development server. The development server defaults to http://localhost:3000. The README mentions that files prefixed with demo can be safely deleted; they serve as a starting point for trying out installed features. More detailed explanations of system architecture, design decisions, and project structure are located in the docs directory. The README does not provide specifics about page features, performance, or production readiness.
ViteStarter
Is it right for your project?
Use Cases
- As a starting codebase when building a full-stack web application
- Setting up a TanStack Start development environment locally via Docker and the development server
- Referring to the docs directory to understand system architecture, design decisions, and project structure
- After deleting demo-prefixed files, extending pages and features on top of the template
Suitable For
- Developers who want to use TanStack Start as a starting point for a full-stack framework
- Developers who already have a Node.js, PNPM, and Docker environment and are willing to initialize according to the README steps
- Developers who need a minimal starter template they can modify themselves rather than a finished application
- Users who can accept that the template may contain bugs and will pay attention to breaking changes in release notes
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
The README requires Node.js, PNPM, and Docker to be installed locally, and gives minimum version requirements
- 2
You can pull the template with pnpm dlx tiged riipandi/tanstart my-app, or clone the repository and enter the directory
- 3
Run pnpm install to install dependencies, and copy .env.example to .env.local
- 4
Run pnpm --silent generate:key to generate an application key, then use pnpm compose:up to start development services
- 5
Run pnpm dev to start the development server; the default access address is http://localhost:3000
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope is the code of that version and does not mean that external services or third-party assets are free.
Must comply with when using
- Free use, modification, commercial use, and distribution of this version's code are permitted.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur separate charges.
- The author states that this project is only a template for personal use, so users may encounter bugs and it is not suitable to be used directly as a stable finished product.
- Release notes must be read carefully before upgrading because breaking changes may occur.
- Before use, Node.js, PNPM, and Docker must be installed locally, and the minimum version requirements given in the README must be met.
- For local development, .env.example must be copied to .env.local to configure environment variables.
- An application key must be generated by running a command before normal use.
- Docker-related development services (pnpm compose:up) must be started to run the project.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
> This project just a template that I use for my personal use, so you may encounter bugs.
Original README
> Please review the release notes thoroughly before updating, as breaking changes can occur!
Original README
You will need [`Node.js >= 24.18`][nodejs], [`PNPM >= 12.11`][pnpm], and [`Docker >= 20.10`][docker] installed on your machine.
Original README
cp .env.example .env.local
Original README
pnpm --silent generate:key
Original README
https://github.com/riipandi/tanstart/blob/main/LICENSEhttps://github.com/riipandi/tanstart/blob/main/README.mdpnpm compose:up
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-13. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- More documented · 83 / 100
- Technologies
- Vite
- Website type
- Starter
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2026-10-13
- Screenshot last checked
- 2026-10-13
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies Vite as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Review declaration: codex-user-requested-batch-review-20261015 · 2026-10-15
Inspect the recorded source material
SHA-256: 4cfb97b13736d27dccaaf432571d1970182e7475dea5ea04ed1a600219d3da9c
2026-10-13T21:29:48.394Z
Source file / repository# 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> [][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
Explore similar templates
Compare previews and descriptions within the same stack and category.
cove
Cove is a minimal TanStack Start starter template maintained by mugnavo, integrating React, TanStack Router/Query, Tailwind CSS, shadcn/ui, Drizzle ORM with PostgreSQL, Better Auth, Vite Plus, and Nitro.
Vite · SaaS
vite-react-boilerplate
A production-ready Vite + React starter template with TypeScript, Tailwind CSS, TanStack Router/Query/Table, Storybook, React Hook Form + Zod, Vitest and Playwright testing, plus Husky/Commitizen/Commitlint commit conventions.
Vite · Starter
vital
Vital is a Vite-based React starter template using TypeScript and Tailwind CSS, with an Atomic Design component directory, path aliases and Hero Icons.
Vite · Starter
react-vite-admin
A backend management starter built on Vite and React, integrating Recoil, React Query, TypeScript, and Axios, with Ant Design-style interface screenshots. Suitable as a starting point for management-side projects, licensed under MIT, with Chinese documentation and common scripts.
Vite · Admin dashboard
typescript-react_best_practices-vite_template
A Vite + React + TypeScript starter template by CodelyTV, preconfigured with Jest and React Testing Library unit tests, Cypress end-to-end tests, ESLint and Prettier using Codely's shared configuration, GitHub Actions workflows, a Makefile, and Sass.
Vite · Starter
cloudflare-starter-kit
A Cloudflare Workers project scaffolding template maintained by kriasoft, using Vite and TypeScript, with three built-in workspaces: api, app, and edge, and preconfigured local testing, multiple environments, and a GitHub Actions deployment workflow.
Vite · Starter