An open API service indexing awesome lists of open source software.

https://github.com/emmettm/super-saas-template

A production-ready, feature-rich SaaS starter kit built with the latest web technologies. Launch your SaaS product in days, not months.
https://github.com/emmettm/super-saas-template

billing boilerplate nextjs radix saas shadcn stripe supabase template turborepo update

Last synced: 6 months ago
JSON representation

A production-ready, feature-rich SaaS starter kit built with the latest web technologies. Launch your SaaS product in days, not months.

Awesome Lists containing this project

README

          

# πŸš€ Modern SaaS Starter Kit

[![MIT License](https://img.shields.io/badge/License-MIT-green.svg)](https://choosealicense.com/licenses/mit/) [![Next.js](https://img.shields.io/badge/Next.js-15.3.0-black)](https://nextjs.org/) [![TypeScript](https://img.shields.io/badge/TypeScript-5.8.2-blue)](https://www.typescriptlang.org/) [![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-4.1.3-38B2AC)](https://tailwindcss.com/) [![Supabase](https://img.shields.io/badge/Supabase-2.49.4-181818)](https://supabase.com/) ![Update](https://img.shields.io/badge/Update-0.3.4-ffffff?color=ff623b) [![Turbo](https://img.shields.io/badge/Turbo-2.5.0-000000)](https://turborepo.org/)

A production-ready, feature-rich SaaS starter kit built with the latest web technologies. Launch your SaaS product in days, not months.

![Demo Screenshot](thumbnail.png)

## ✨ Features

- πŸ—οΈ **Rock-solid Foundation**

- [Next.js 15](https://nextjs.org/) with App Router & Server Components
- [TypeScript](https://www.typescriptlang.org/) for type safety
- [Turborepo](https://turborepo.org/) monorepo setup with multi-zone architecture
- Secure by default (protected against CVE-2025-29927)

- πŸ’… **Beautiful UI & UX**

- [Tailwind CSS](https://tailwindcss.com/) for styling
- [Radix UI](https://www.radix-ui.com/) & [shadcn/ui](https://ui.shadcn.com/) for accessible components
- Dark mode support out of the box
- [Lucide](https://lucide.dev/) icons
- [Sonner](https://sonner.emilkowal.ski/) for beautiful toast notifications

- πŸ”₯ **Battle-tested Stack**

- [Supabase](https://supabase.com/) for authentication & database
- [Update](https://update.dev) for easy billing and auth
- [SWR](https://swr.vercel.app/) for data fetching
- [PostHog](https://posthog.com/) for analytics

- πŸ—ΊοΈ **Multi-zone architecture**

The landing page and dashboard are separate Nextjs apps, but they share the same URL. You can access localhost:3000 for the landing page and localhost:3000/dashboard for the dashboard. This makes it easy to separate logic and code for the landing page and dashboard.

- πŸ› οΈ **Developer Experience**
- ESLint configuration for code quality
- Shared component library
- Hot reload & Fast Refresh

## πŸš€ Quick Start

1. Clone the repository

```bash
git clone https://github.com/EmmettM/super-saas-template.git
cd saas-starter-kit
```

2. Install dependencies

```bash
pnpm install
```

3. Set up environment variables

```bash
cp .env.example .env
```

4. Start the development server

```bash
pnpm dev
```

## 🌟 Why This Starter Kit?

- **Production-Ready**: Built with scalability in mind
- **Modern Stack**: Uses the latest stable versions of all dependencies
- **Type-Safe**: Full TypeScript support across the entire codebase
- **Best Practices**: Follows industry standards and security best practices
- **Fully Featured**: Includes everything you need to launch a SaaS product

## πŸ“¦ What's Included

- Landing page template
- Dashboard application
- Authentication system
- Subscription management
- Admin panel
- Error tracking
- Analytics integration

## 🀝 Contributing

Contributions are always welcome! Please read our [contributing guidelines](CONTRIBUTING.md) first.

## πŸ“¦ Project Structure

```
β”œβ”€β”€ apps/ # Applications
β”‚ β”œβ”€β”€ dashboard/ # Dashboard application
β”‚ β”‚ β”œβ”€β”€ app/ # Next.js app directory
β”‚ β”‚ β”œβ”€β”€ components/ # Dashboard-specific components
β”‚ β”‚ └── public/ # Static assets
β”‚ └── www/ # Landing page application
β”‚ β”œβ”€β”€ app/ # Next.js app directory
β”‚ β”œβ”€β”€ components/ # Landing page components
β”‚ └── public/ # Static assets
β”œβ”€β”€ packages/ # Shared packages
β”‚ β”œβ”€β”€ ui/ # Shared UI components
β”‚ β”‚ β”œβ”€β”€ components/ # Reusable components
β”‚ β”‚ └── styles/ # Shared styles
β”‚ β”œβ”€β”€ utils/ # Shared utilities
β”‚ └── eslint/ # ESLint configuration
β”œβ”€β”€ turbo.json # Turborepo configuration
└── package.json # Root package.json
```

## 🎨 Tailwind Configuration

The template includes a comprehensive Tailwind configuration with:

- **Custom Colors**: Extended color palette for branding
- **Dark Mode**: Automatic dark mode support with system preference
- **Animations**: Custom keyframes and transitions
- **Typography**: Custom font families and text styles
- **Spacing**: Extended spacing scale
- **Components**: Pre-configured component classes

## πŸš€ Deploy

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/EmmettM/super-saas-template)

## πŸ“ License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

## πŸ’ͺ Support

If you like this project, please consider giving it a ⭐️. It helps others discover this resource.

For issues, feature requests, or questions, please [open an issue](https://github.com/EmmettM/super-saas-template/issues).

---

Built with ❀️ by [Emmett Miller](https://github.com/EmmettM)