Overview:

The hero theme is a comprehensive toolkit designed to support the development of a production-ready SaaS. Based on experience gained from creating Midday using the latest Next.js framework, hero offers an opinionated stack that includes various tools such as Next.js, Turborepo, Biome, TailwindCSS, Shadcn, TypeScript, Supabase, Upstash, and others. It emphasizes code reuse and adherence to best practices to ensure scalability as your business evolves.

Features:

• Next.js: Framework for building web applications
• Turborepo: Build system for efficient development workflows
• Biome: Linter and formatter for maintaining code quality
• TailwindCSS: Utility-first CSS framework for styling
• Shadcn: UI components for consistent design
• TypeScript: Provides static typing for enhanced code safety
• Supabase: Integrated solution for authentication, database, and storage management
• Upstash: In-memory caching and rate limiting for improved performance
• React Email: Templates for email communication
• Resend: Email delivery system
• i18n: Support for internationalization
• Sentry: Error handling and monitoring
• Dub: Shareable links feature
• Trigger.dev: Background job management
• OpenPanel: Analytics tool
• Polar: Billing functionality (upcoming)
• react-safe-action: Validated server actions
• nuqs: Type-safe search parameters state management
• next-themes: Theme manager for applications

Installation:

1. Clone the repository locally by running the following command:

   git clone [repository-url]
   

2. Install dependencies using bun:

   bun install
   

3. Copy the .env.example file to .env and update the variables with your specific values.

4. Start the development server using either bun or turbo:

   bun dev
   

Summary:

The hero theme provides a powerful set of tools and resources essential for developing a robust SaaS application. With its opinionated stack, focus on code reuse, and emphasis on best practices, the theme offers a scalable solution that can evolve alongside your business. Whether you are looking to enhance authentication flows, database interactions, or UI components, hero serves as a valuable reference and learning resource to kickstart your project effectively and efficiently.