Introduction

Introducing TanStarter, a complete TanStack Start boilerplate for building SaaS websites on Cloudflare Workers

What is TanStarter?

Welcome to TanStarter, a complete TanStack Start SaaS boilerplate built on Cloudflare Workers. This project is designed to accelerate your development with a robust, modular, and extensible foundation.

Whether you're a beginner or an experienced developer, this documentation will guide you through configuring and deploying your website. Let's get started!

Tech Stack

TanStack Start

Full-stack React framework with file-based routing.

Drizzle ORM

Type-safe database ORM tool.

Tailwind CSS

Utility-first CSS framework.

Better Auth

Modern, secure, framework-agnostic authentication.

Shadcn UI

Beautiful pre-built UI component library.

Base UI

Unstyled UI component library.

Resend

Modern email delivery service.

Stripe

Secure and reliable payment platform.

Cloudflare Workers

Serverless edge compute platform.

Cloudflare D1

Serverless database built on SQLite.

Cloudflare R2

Object storage with zero egress fees.

Content Collections

Type-safe content data collection library.

Scope of This Documentation

This documentation assumes you have some familiarity with TanStack Start and Cloudflare Workers. If you're not familiar with them, please refer to the official documentation of the relevant technologies, as we will not cover the basics here. To fully grasp the boilerplate's capabilities and build a successful SaaS website, understanding these technologies is essential, so be sure to read their official documentation.

TanStack Start: TanStack Start Documentation
Drizzle: Drizzle Documentation
Tailwind CSS: Tailwind CSS Documentation
Shadcn/ui: Shadcn/ui Documentation
Base UI: Base UI Documentation
Better Auth: Better Auth Documentation
Resend: Resend Documentation
Stripe: Stripe Documentation
Cloudflare Workers: Workers Documentation
Cloudflare D1: D1 Documentation
Cloudflare R2: R2 Documentation
Content Collections: Content Collections Documentation

Getting Help

If you're stuck, here are some ways to get help:

Read the TanStarter documentation
Follow us on X (Twitter)
Join our Discord community

Next Steps

Now that you know about TanStarter, here are some next steps:

Getting Started

TanStarter template getting started guide

Environment Configuration

Configure environment variables

Database

Configure database

Deployment

Deploy to Cloudflare Workers

What is TanStarter?

Whether you're a beginner or an experienced developer, this documentation will guide you through configuring and deploying your website. Let's get started!