Tss App

TSS App: Full-Stack Starter with TanStack, shadcn/ui, & Type-Safe APIs

TSS App is a TanStack Start starter project designed to accelerate full-stack application development. It integrates leading technologies like Tailwind CSS, shadcn/ui for components, tRPC for type-safe APIs, Drizzle ORM for database management, and Lucia Auth for authentication. This curated stack provides a robust foundation, allowing developers to quickly build and deploy modern web applications with an emphasis on developer experience and end-to-end type safety from the outset.

Features:

• Tanstack Start Integration: Utilizes TanStack Start for modern application structure, routing, and server functions.
• Tailwind CSS Styling: Employs Tailwind CSS for a utility-first approach to building custom designs rapidly.
• shadcn/ui Components: Integrates shadcn/ui for a set of beautifully designed and accessible UI components.
• tRPC for Type-Safe APIs: Implements tRPC for building end-to-end typesafe APIs between server and client.
• Drizzle ORM: Uses Drizzle ORM for type-safe SQL database querying and schema management.
• Lucia Auth: Incorporates Lucia Auth for flexible and secure authentication mechanisms.
• GitHub OAuth Ready: Configured for easy integration with GitHub OAuth using environment variables.
• Database Push Command: Includes a pnpm db:push script for simple database schema migrations.
• Structured API Routes: Features an organized API route structure, particularly for authentication flows, inspired by community best practices.
• CSS Flicker Fix: Addresses common CSS flicker issues on hard refresh with a specific import strategy for global styles.
• Custom useMutation Hook: Provides a useMutation wrapper adapted to correctly handle redirects from server functions.
• Environment Variable Configuration: Supports .env file for managing essential credentials like GitHub client ID and secret.

Summary:

TSS App offers a comprehensive starter kit for developers looking to build full-stack applications using TanStack Start. It bundles essential tools like shadcn/ui, tRPC, Drizzle ORM, and Lucia Auth, offering a streamlined setup for type-safe development. With pre-configured solutions for UI, API, database, and authentication, developers can significantly reduce boilerplate and focus on implementing core application features efficiently, leveraging best practices from the modern web ecosystem.