The ultimate open-source starter kit for building production-ready SaaS applications

Everything you need to build a production-ready SaaS. It's an opinionated stack based on learnings from building Midday using the latest Next.js framework. It's a monorepo with a focus on code reuse and best practices that will grow with your business.

• Features and Benefits
• What's Included
• Directory Structure
• Quick Start
• Prerequisites
• Getting Started
• How to Use
• License

• 🚀 Production-Ready: Built with best practices and optimized for performance
• 📦 Scalable Architecture: Monorepo setup for easy code sharing and maintenance
• 🛠 Full-Stack Solution: Includes frontend, backend, and DevOps tooling
• 🔧 Modern Tech Stack: Utilizes the latest and most powerful web technologies
• 💻 Developer Experience: Optimized workflow with linting, formatting, and type safety
• 🎨 Customizable: Easy to extend and adapt to your specific needs
• 🌐 Internationalization: Built-in support for multiple languages
• 📧 Email Integration: Ready-to-use email templates and delivery system
• 🔒 Security First: Implements best practices for authentication and data protection
• 📊 Analytics and Monitoring: Integrated tools for tracking performance and user behavior

• Next.js: React framework for production-grade apps.
• TypeScript: Adds static typing for improved developer experience and code quality.

• TailwindCSS: Utility-first CSS framework for rapid UI development.
• Shadcn: Customizable UI components built on top of Radix UI.

• Supabase: Open-source Firebase alternative for authentication, database, and storage.
• Upstash: Serverless Redis for caching and rate limiting.

• Turborepo: Monorepo build system for optimal DX and performance.
• Biome: Fast linter and formatter for consistent code style.

• React Email: Customizable email templates.
• Resend: Reliable email delivery service.

• i18n: Easy-to-use internationalization library.

• Sentry: Error tracking and performance monitoring.
• OpenPanel: Privacy-friendly analytics platform.

• Dub: Custom URL shortener and link management.
• Trigger.dev: Powerful workflow automation platform.
• Polar: Integrated billing solution (coming soon).

.
├── apps                         # App workspace
│    ├── api                     # Supabase (API, Auth, Storage, Realtime, Edge Functions)
│    ├── app                     # App - your product
│    ├── web                     # Marketing site
│    └── ...
├── packages                     # Shared packages between apps
│    ├── analytics               # OpenPanel analytics
│    ├── email                   # React email library
│    ├── jobs                    # Trigger.dev background jobs
│    ├── kv                      # Upstash rate-limited key-value storage
│    ├── logger                  # Logger library
│    ├── supabase                # Supabase - Queries, Mutations, Clients
│    └── ui                      # Shared UI components (Shadcn)
├── tooling                      # are the shared configuration that are used by the apps and packages
│    └── typescript              # Shared TypeScript configuration
├── .cursorrules                 # Cursor rules specific to this project
├── biome.json                   # Biome configuration
├── turbo.json                   # Turbo configuration
├── LICENSE
└── README.md

Get up and running in minutes:

bunx degit midday-ai/v1 my-saas-app
cd my-saas-app
bun i
bun dev

Visit http://localhost:3000 to see your app in action.

Before you begin, ensure you have the following installed:

• Bun: Fast all-in-one JavaScript runtime
• Docker: Containerization platform for easy deployment
• Git: Version control system

You'll also need accounts for the following services:

• Upstash
• Dub
• Trigger.dev
• Resend
• Supabase
• Sentry
• OpenPanel

1. Clone the repository:

   bunx degit midday-ai/v1 my-saas-app
   cd my-saas-app

2. Install dependencies:

   bun i

3. Set up environment variables:

   cp apps/api/.env.example apps/api/.env
   cp apps/app/.env.example apps/app/.env
   cp apps/web/.env.example apps/web/.env

   Update the .env files with your service credentials.

4. Start the development server:

   bun dev

5. Open http://localhost:3000 in your browser to see the app running.

1. Create a new file in apps/app/pages/
2. Use components from packages/ui for consistent styling
3. Update navigation in apps/app/components/Layout.tsx if necessary

1. Modify apps/app/tailwind.config.js
2. Update global styles in apps/app/styles/globals.css

1. Create a new file in apps/api/functions/
2. Use the Supabase client from packages/supabase for database operations
3. Test your endpoint using the included Postman collection

1. Add new translations in apps/app/locales/
2. Use the useTranslation hook in your components

1. Create new email templates in packages/email/templates/
2. Use the sendEmail function from packages/email to send emails

Vercel deployment will guide you through creating a Supabase account and project.

Create v1 is open-source software licensed under the MIT license.

Built with ❤️ by the Midday team and contributors.