🌴 TanStack Start Template

This is a template repository for a frontend web application powered by TanStack Start.

Features

• 🚀 Modern React Stack: Built with TanStack Start and TypeScript for optimal developer experience and performance
• 🔐 Authentication & Authorization:
  • Better Auth integration with OAuth2/OpenID Connect support
  • JWT-based authentication with remote JWKS validation
  • Protected routes with automatic redirects
  • Server-side authentication middleware
• 💳 Payments & Subscriptions:
  • Stripe integration for payment processing
  • Subscription management with billing portal
  • Pricing pages with tier comparison
  • Customer portal for subscription updates and cancellations
• 🎨 UI/UX:
  • Modern component library with Ark UI and shadcn/ui patterns
  • Tailwind CSS with optimized class sorting
  • Dark/light theme support with persistent preferences
  • Responsive design with mobile-first approach
  • Toast notifications with Sonner
• 📊 Data Management:
  • TanStack Query for server state management
  • TanStack Table for data visualization
  • GraphQL integration with code generation
  • Type-safe API calls with GraphQL Request
• 🛠️ Developer Experience:
  • Hot module replacement during development
  • Code quality with Biome for linting and formatting
  • Git hooks with Husky
  • TypeScript strict mode with comprehensive type safety
  • Knip for unused dependency detection
• 📈 GraphQL Integration:
  • GraphQL Code Generator for type-safe queries
  • React Query hooks generation
  • TypeScript SDK generation
  • MSW mocks for testing
• 🔧 Production Ready:
  • Server-side rendering (SSR) support
  • Environment-specific configurations
  • TLS/HTTPS support with certificate generation
  • Optimized build process with Vite
  • Route-based code splitting

Local Development

First, cp .env.local.template .env.local and fill in the values.

Building and Running

bun install

bun dev

License

The code in this repository is licensed under MIT, © Omni LLC. See LICENSE.md for more information.