ViteStarter

Mystack — Vite Starter Template

By 0x0501

Mystack is a TanStack Start app generator and platform template that uses an interactive CLI to choose database, deployment runtime, email and payment options, producing a project with authentication, an admin panel and internationalization configured.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

3 previews
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-19View source

What stands out

A quick read of the recorded project description.

01

Interactive CLI generates project configuration from database, deployment runtime, email and payment options, and automatically disables incompatible combinations

02

Built-in Better Auth authentication with email and password, GitHub OAuth, Passkey and 2FA

03

Provides an OAuth 2.0/OIDC identity provider exposing RFC discovery metadata endpoints

04

Role-based admin panel with OAuth client management and audit logs

05

Paraglide JS internationalization across the app, with localized URL paths and user language persistence

06

Database and runtime combinations cover PostgreSQL, D1, Turso, Bun SQLite and Cloudflare Workers, Nitro, Bun

Template Details

Mystack is an app generator built on TanStack Start and React 19; the repository maintains both the CLI (@0x0501/mystack) and a runnable reference template. Start the interactive wizard with bunx @0x0501/mystack, or specify database, deployment runtime, email and payment options through command-line arguments; the generated project configures code, migrations, environment variables and dependencies for the chosen combination. Incompatible combinations are automatically disabled by the wizard, and the selections are recorded in mystack.json.

Generated projects include Better Auth authentication (email and password, GitHub OAuth, Passkey, 2FA), an OAuth 2.0/OIDC identity provider, a role-based admin panel with audit logs, Paraglide JS internationalization across the app, Base UI headless components with Tailwind CSS v4 styling, and pluggable payment integrations. Databases supported are PostgreSQL (Hyperdrive or direct connection), Cloudflare D1, Turso Cloud, Turso Local and Bun SQLite; deployment runtimes supported are Cloudflare Workers, Nitro/Node.js and Bun; email supports Cloudflare Email and Resend; payments support Stripe, Polar, Creem, NOWPayments or none.

The README states that the root application is a PostgreSQL + Cloudflare Workers reference template, and that actual application development takes place in the generated project. Quick start requires Node.js 22.12+ and Bun; after generation you must copy .env.example, run database migrations and start the development server. In the development environment, when no email provider credentials are configured, authentication emails are printed to the console. The README does not provide production configuration details for each integration, performance data or security audit conclusions.

ViteLauncher

Is it right for your project?

Use Cases

  • Building a full-stack TanStack Start project from scratch with authentication, an admin panel and an internationalization foundation
  • Choosing a database and deployment runtime for a target platform instead of assembling from an empty template by hand
  • Providing OAuth 2.0/OIDC identity provider capabilities for your own product
  • Planning to integrate Stripe, Polar, Creem or NOWPayments for payments

Suitable For

  • Teams developing full-stack apps with TanStack Start and React 19
  • Projects that need preconfigured authentication, permissions and audit capabilities
  • Apps targeting Cloudflare Workers, Node.js or Bun deployment
  • Products that need multilingual URLs and localization support

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Requires Node.js 22.12+ and Bun; start the wizard with bunx @0x0501/mystack

  2. 2

    After generating the project, copy .env.example to .env, run bun run db:migrate, then run bun run dev

  3. 3

    When using the PostgreSQL Hyperdrive recipe, first start local Docker Compose Postgres with bun run db:up

  4. 4

    In the development environment, when no email provider credentials are configured, authentication emails are printed to the console

  5. 5

    The README does not provide production configuration steps for each payment and email provider

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This listing covers the free version under the MIT license in the public repository; the free scope is that version's code and does not mean external services or third-party assets are free.

Must comply with when using

  • The code of this version may be used, modified, used commercially and distributed free of charge.
  • When distributing copies or substantial portions of the code, the original author's copyright notice and the full MIT license notice must be retained.
  • 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.
  • Node.js 22.12+ and a Bun environment are required to run the CLI and generated projects.
  • After generating a project, you must configure .env as described in the generated README and run database migrations before the development server can start.
  • In the development environment, when no email provider credentials are configured, authentication emails are only printed to the console and are not actually sent.
  • When using the PostgreSQL Hyperdrive recipe, local Postgres must be started via Docker Compose.
  • Some database, deployment, email and payment combinations are incompatible, and the wizard automatically disables them.
  • Turso Cloud in production requires connecting to a remote libsql:// service, which may involve an external cloud service account.
  • Turso Local is only supported with Nitro/Node.js and Bun deployments, not Cloudflare Workers.
  • Bun SQLite is only supported with Bun runtime deployment.
  • The PostgreSQL Hyperdrive option is only supported with Cloudflare Workers deployment.
  • The Cloudflare D1 option is only supported with Cloudflare Workers deployment.
  • Application development takes place in the generated project; this repository maintains the CLI and reference template.
  • The root reference template is fixed to the PostgreSQL + Cloudflare Workers configuration; other combinations are produced by the generator.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

Install Node.js 22.12+ and [Bun](https://bun.sh). Run the CLI directly from npm to launch the interactive setup wizard:

Original README

Follow the generated `README.md` to configure `.env`, apply database migrations, and start your dev server:

Original README

Open **http://localhost:3000**. In development, authentication emails are logged directly to the console when provider credentials are omitted.

Original README

bun run db:up # Starts local Postgres in Docker Compose

Original README

Mystack configures code, migrations, environment variables, and dependencies tailored to your chosen stack. The interactive wizard automatically disables incompatible combinations.

Original README

| **Turso Cloud** | `turso-cloud` | Cloudflare, Nitro, Bun | Local `.local/turso-local.db` in dev; remote `libsql://` in prod |

Original README

| **Turso Local (libSQL)** | `turso-local` | Nitro / Node.js, Bun | Local `file:.local/turso-local.db` (no cloud tokens required) |

Original README

| **Bun SQLite** | `bun-sqlite` | Bun | Native `bun:sqlite` engine (`local.db`) |

Original README

| **PostgreSQL (Hyperdrive)** | `pg-hyperdrive` | Cloudflare Workers | Cloudflare `HYPERDRIVE` connection pooling |

Original README

| **Cloudflare D1** | `d1` | Cloudflare Workers | Cloudflare `DB` native binding |

Original README

> **Note:** Use `mystack create` to start new projects. This repository maintains the CLI and the canonical reference template; application development happens in the generated project.

Original README

| Root (`src/`, `scripts/`, `drizzle/`) | Canonical runnable reference template (PostgreSQL + Cloudflare Workers) |

Original README
https://github.com/0x0501/Mystack/blob/main/LICENSEhttps://github.com/0x0501/Mystack/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-19. 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-19
Screenshot last checked
2026-10-19

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-20261021 · 2026-10-21

Inspect the recorded source material

SHA-256: 04bf63d4b06d965d348d90b7117529829916be5646bc384520345476e024d949

2026-10-19T07:55:28.276Z

Source file / repository
<p align="center">
  <a href="https://mystack.sumku.cc">
    <img src="./public/favicon.svg" width="80" height="80" alt="Mystack Logo" />
  </a>
</p>

<h1 align="center">Mystack</h1>

<p align="center">
  <strong>Configurable, production-grade TanStack Start application generator & platform template.</strong>
</p>

<p align="center">
  <a href="https://www.npmjs.com/package/@0x0501/mystack"><img src="https://img.shields.io/npm/v/@0x0501/mystack?style=flat-square&color=d6c69c&label=npm" alt="npm version" /></a>
  <a href="./LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue?style=flat-square" alt="License: MIT" /></a>
  <a href="https://nodejs.org"><img src="https://img.shields.io/badge/node-%3E%3D22.12.0-brightgreen?style=flat-square&logo=node.js" alt="Node.js version" /></a>
  <a href="https://bun.sh"><img src="https://img.shields.io/badge/bun-%3E%3D1.2-fbf0df?style=flat-square&logo=bun&logoColor=black" alt="Bun" /></a>
  <a href="https://tanstack.com/start"><img src="https://img.shields.io/badge/TanStack_Start-React_19-FF4154?style=flat-square&logo=react" alt="TanStack Start" /></a>
  <a href="https://mystack.sumku.cc"><img src="https://img.shields.io/badge/website-mystack.sumku.cc-10110f?style=flat-square" alt="Website" /></a>
</p>

<p align="center">
  <img src="./public/og.png" width="100%" alt="Mystack Open Graph Cover" />
</p>

---

Create a configured, production-ready **TanStack Start** application with **Mystack**. Instead of a rigid monolith or an empty starter, Mystack provides an interactive generator that lets you choose your database, deployment runtime, email, and payment providers.

Every generated project comes complete with hardened authentication (Better Auth with self-hosted OAuth2/OIDC provider, 2FA and passkeys), role-based administration, full-app internationalization (Paraglide JS), and headless Base UI presentation styled with Tailwind CSS v4.

> **Note:** Use `mystack create` to start new projects. This repository maintains the CLI and the canonical reference template; application development happens in the generated project.

## Quick Start

Install Node.js 22.12+ and [Bun](https://bun.sh). Run the CLI directly from npm to launch the interactive setup wizard:

```sh
bunx @0x0501/mystack
```

To create a project in a specific directory:

```sh
bunx @0x0501/mystack@latest create my-app
cd my-app
```

Follow the generated `README.md` to configure `.env`, apply database migrations, and start your dev server:

```sh
cp .env.example .env
bun run db:migrate
bun run dev
```

Open **http://localhost:3000**. In development, authentication emails are logged directly to the console when provider credentials are omitted.

### Common Recipes

#### 1. Zero-Cloud Local Development (Bun + SQLite)
No cloud accounts or Docker required — start building immediately:

```sh
bunx @0x0501/mystack@latest create my-app --yes --database bun-sqlite --deployment bun --email resend --payments none
cd my-app
cp .env.example .env
bun run db:migrate
bun run dev
```

#### 2. Cloudflare Edge Stack (PostgreSQL Hyperdrive + Workers)
The reference template configuration with edge deployment:

```sh
bunx @0x0501/mystack@latest create my-app --yes --database pg-hyperdrive --deployment cloudflare --email cloudflare --payments stripe
cd my-app
cp .env.example .env
bun run db:up      # Starts local Postgres in Docker Compose
bun run db:migrate
bun run dev
```

#### 3. Serverless Turso + Resend + Polar
Distributed libSQL storage with modern email and billing:

```sh
bunx @0x0501/mystack@latest create my-app --yes --database turso-cloud --deployment cloudflare --email resend --payments polar
```

## Compatibility

Mystack configures code, migrations, environment variables, and dependencies tailored to your chosen stack. The interactive wizard automatically disables incompatible combinations.

### Supported Integrations

| Category | Badges & Supported Integrations |
|---|---|
| **Runtimes** | [![Cloudflare Workers](https://img.shields.io/badge/Cloudflare_Workers-compatible-F38020?style=flat-square&logo=cloudflare&logoColor=white)](https://workers.cloudflare.com/) [![Nitro / Node.js](https://img.shields.io/badge/Node.js_/_Nitro-compatible-339933?style=flat-square&logo=node.js&logoColor=white)](https://nitro.unjs.io/) [![Bun Native](https://img.shields.io/badge/Bun-compatible-fbf0df?style=flat-square&logo=bun&logoColor=black)](https://bun.sh/) |
| **Databases** | [![PostgreSQL / Hyperdrive](https://img.shields.io/badge/PostgreSQL-Hyperdrive_%7C_Direct-4169E1?style=flat-square&logo=postgresql&logoColor=white)](https://www.postgresql.org/) [![Cloudflare D1](https://img.shields.io/badge/Cloudflare_D1-compatible-F38020?style=flat-square&logo=cloudflare&logoColor=white)](https://developers.cloudflare.com/d1/) [![Turso](https://img.shields.io/badge/Turso-Cloud_%7C_libSQL-4FF8D2?style=flat-square&logo=turso&logoColor=black)](https://turso.tech/) [![Bun SQLite](https://img.shields.io/badge/Bun_SQLite-native-fbf0df?style=flat-square&logo=bun&logoColor=black)](https://bun.sh/) |
| **Email** | [![Cloudflare Email](https://img.shields.io/badge/Cloudflare_Email-compatible-F38020?style=flat-square&logo=cloudflare&logoColor=white)](https://developers.cloudflare.com/email-routing/) [![Resend](https://img.shields.io/badge/Resend-compatible-black?style=flat-square&logo=resend&logoColor=white)](https://resend.com/) |
| **Payments** | [![Stripe](https://img.shields.io/badge/Stripe-compatible-635BFF?style=flat-square&logo=stripe&logoColor=white)](https://stripe.com/) [![Polar](https://img.shields.io/badge/Polar-compatible-0052FF?style=flat-square&logo=polar&logoColor=white)](https://polar.sh/) [![Creem](https://img.shields.io/badge/Creem-compatible-00D084?style=flat-square)](https://creem.io/) [![NOWPayments](https://img.shields.io/badge/NOWPayments-compatible-2B6DEF?style=flat-square)](https://nowpayments.io/) |

### Database & Deployment Matrix

| Database Option | Flag | Supported Deployments | Connection & Characteristics |
|---|---|---|---|
| **PostgreSQL (Hyperdrive)** | `pg-hyperdrive` | Cloudflare Workers | Cloudflare `HYPERDRIVE` connection pooling |
| **PostgreSQL (Direct)** | `pg` | Nitro / Node.js, Bun | Direct `DATABASE_URL` app-role connection |
| **Cloudflare D1** | `d1` | Cloudflare Workers | Cloudflare `DB` native binding |
| **Turso Cloud** | `turso-cloud` | Cloudflare, Nitro, Bun | Local `.local/turso-local.db` in dev; remote `libsql://` in prod |
| **Turso Local (libSQL)** | `turso-local` | Nitro / Node.js, Bun | Local `file:.local/turso-local.db` (no cloud tokens required) |
| **Bun SQLite** | `bun-sqlite` | Bun | Native `bun:sqlite` engine (`local.db`) |

Your choices are recorded in `mystack.json` for reference.

## Features & Platform Capabilities

Mystack ships platform infrastructure so you can focus on building your product:

- 🛡️ **Hardened Better Auth**: Email/password authentication, GitHub OAuth, passkeys (WebAuthn), and two-factor authentication (2FA).
- 🔑 **OAuth 2.0 / OIDC Provider**: Built-in identity provider issuing tokens and exposing RFC discovery metadata (`/.well-known/openid-configuration`, `/.well-known/oauth-authorization-server/api/auth`).
- ⚡ **TanStack Start & React 19**: Full-stack type-safety, streaming SSR, TanStack Router file-based routing, server functions (`createServerFn`), and TanStack Query state caching.
- 🌐 **Full-App i18n**: First-class internationalization powered by Paraglide JS with SEO-friendly localized URL paths (`/`, `/de`) and automatic user locale persistence.
- 🎨 **Headless UI & Tailwind CSS v4**: Modular Base UI (`@base-ui/react`) primitives with customizable Tailwind CSS v4 design tokens and dark mode support.
- 🔒 **Row-Level Security (RLS)**: Isolated database transaction scopes with tenant/service context helpers.
- 🎛️ **Admin Console & Audit Log**: Role-based access control, peer admin protection, OAuth client management, and audit log tracking.
- 💳 **Pluggable Payments**: Modular checkout and webhook handling for Stripe, Polar, Creem, and NOWPayments (or `none`).

## Repository Structure

| Path | Purpose |
|---|---|
| Root (`src/`, `scripts/`, `drizzle/`) | Canonical runnable reference template (PostgreSQL + Cloudflare Workers) |
| [`packages/mystack/`](./packages/mystack/) | CLI generator, option catalog, and template adapters (`@0x0501/mystack`) |
| [`packages/website/`](./packages/website/) | Marketing site and catalog-backed stack configurator ([mystack.sumku.cc](https://mystack.sumku.cc)) |
| [`docs/`](./docs/) | Architectural decision records (ADRs), specs, and maintainer guides |

The root application is the canonical template source. See [ADR 0012](./docs/adr/0012-mystack-project-generation.md) for details on composition and template bundling.

## Documentation

- [Getting started](./docs/getting-started.md) — CLI installation, flags, and deployment walkthrough
- [Project guide](./docs/project-guide.md) — Working inside a generated application (bundled with the CLI)
- [Reference template](./docs/reference-template.md) — Maintainers' setup for the PostgreSQL / Workers reference app
- [Design](./DESIGN.md) — Headless Base UI integration, design tokens, and motion
- [Contributing](./docs/contributing.md) — Developing adapters and maintaining the CLI
- [Publishing](./docs/publishing.md) — Packaging and automated release workflows
- [Context & Glossary](./CONTEXT.md) — Ubiquitous language and architecture invariants
- [Documentation index](./docs/README.md) — Complete documentation and ADR catalog

## License

[MIT](./LICENSE)
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

cove

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

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

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

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

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

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