A favicon of TSS

TSS

A comprehensive TypeScript boilerplate integrating SST, TanStack Start, Drizzle, Shadcn UI, Better Auth, and GitHub Actions for robust, scalable full-stack development.

A screenshot of TSSVisit

The TSTSSSST Stack: A Comprehensive Full-Stack TypeScript Boilerplate

This project, humorously dubbed the 'TSTSSSST Stack', offers a powerful, TypeScript-first boilerplate for modern web development. It integrates SST for serverless infrastructure, TanStack Start (React-based) for frontend/server, Drizzle ORM, Shadcn UI, Better Auth, and GitHub Actions. It's designed for developers seeking a production-ready setup focused on developer experience and scalability, ideal for complex internal applications.

Features:

  • All TypeScript: Ensures type safety and improved developer experience across the entire stack.
  • TanStack Start Frontend and Server: Provides a modern React-based framework with routing and data fetching, powered by Vite, Nitro, and Vinxi.
  • AWS Postgres RDS with Drizzle ORM: Offers a robust relational database setup using AWS RDS, managed with the type-safe Drizzle ORM.
  • Drizzle Kit for Migrations: Facilitates database schema management and automated migrations using Drizzle Kit.
  • Deployment via GitHub Actions: Enables automated CI/CD pipelines for seamless builds, tests, and deployments.
  • Automatic Database Migrations in CI: Drizzle Kit API is used to handle database schema changes automatically within the CI pipeline.
  • PR Environments: Supports the creation of preview environments for pull requests, typically sharing a development database for testing.
  • SST for Serverless Infrastructure: Leverages the Serverless Stack Toolkit (SST) for simplified AWS infrastructure management and deployment.
  • Shadcn UI & Tailwind CSS: Provides a utility-first CSS framework (Tailwind) and accessible UI components (Shadcn UI built with Radix UI).
  • Better Auth Integration: Offers a flexible authentication solution with CLI tools and a plugin architecture for managing user identity.
  • Scalable Architecture Focus: Designed with SST to support complex applications and scale effectively.
  • Vite-Powered Development: Benefits from the fast Vite development server and its rich plugin ecosystem, as utilized by TanStack Start.
  • Enhanced Developer Experience (DX): Aims to streamline common development tasks and reduce boilerplate for increased productivity and maintainability.

Summary:

This boilerplate provides a cohesive starting point for building full-stack TypeScript applications. It combines SST for serverless AWS management, TanStack Start for a modern React frontend and server, Drizzle ORM for database operations, Better Auth for user authentication, and Shadcn UI for the interface, all automated with GitHub Actions. It's geared towards efficient development of scalable, feature-rich applications with a strong emphasis on type safety and developer workflow.

Distribution:
opensource
GitHub:
20 Stars
0
Share:

 

  
 

Similar to TSS: