Introduction
ScaleRocket — le boilerplate SaaS Next.js + Supabase qui vous fait passer de zéro à la production en quelques jours.
ScaleRocket
ScaleRocket est un boilerplate SaaS prêt pour la production, construit en monorepo avec Next.js, Vite + React, Supabase, Stripe et Resend. Il vous fournit tout ce dont vous avez besoin pour lancer un produit SaaS — authentification, paiements, emails, dashboard et panel admin — pour que vous puissiez vous concentrer sur votre produit.
Ce qui est inclus
- Site marketing — Landing page Next.js avec SEO, blog, pricing et waitlist (
apps/web) - Dashboard utilisateur — SPA Vite + React avec TanStack Router et système de crédits (
apps/app) - Panel admin — Dashboard interne pour gérer les utilisateurs, abonnements et contenu (
apps/ops) - Packages partagés — Composants UI, config, types et templates email (
packages/*) - Authentification — Email/mot de passe + OAuth (Google, GitHub) via Supabase Auth
- Paiements — Abonnements Stripe avec tarification mensuelle/annuelle et webhooks
- Emails transactionnels — Templates React Email envoyés via Resend
- Base de données — PostgreSQL avec Row Level Security via Supabase
- Edge Functions — Points d'API serverless sur Supabase Edge Functions
- Système de crédits — Facturation à l'usage avec allocation mensuelle et reset
Liens rapides
| Sujet | Description |
|---|---|
| Lancer en 5 minutes | Démarrer rapidement |
| Configuration Supabase | Base de données, auth et stockage |
| Configuration Stripe | Paiements et abonnements |
| Emails | Emails transactionnels avec Resend |
| Authentification | Flux d'auth et routes protégées |
| Appels API | Edge Functions et appels client |
| Système de crédits | Facturation à l'usage |
| Panel admin | Gérer les utilisateurs et le contenu |
| Déploiement | Mettre en production |
Prérequis
Avant de commencer, assurez-vous d'avoir :
- Node.js 18+ — Télécharger ici
- pnpm — Installer avec
npm install -g pnpm - Compte Supabase — Inscription gratuite
- Compte Stripe — Inscription gratuite
- Compte Resend — Inscription gratuite
Structure du projet
scalerocket/
├── apps/
│ ├── web/ # Site marketing Next.js (port 3000)
│ ├── app/ # Dashboard Vite + React (port 5173)
│ └── ops/ # Panel admin Vite + React (port 5174)
├── packages/
│ ├── ui/ # Composants UI partagés
│ ├── config/ # Configuration partagée
│ ├── types/ # Types TypeScript partagés
│ └── emails/ # Templates React Email
├── supabase/
│ ├── migrations/ # Migrations de base de données
│ └── functions/ # Edge Functions
├── turbo.json
├── pnpm-workspace.yaml
└── package.jsonscalerocket/
├── apps/
│ ├── web/ # Site marketing Next.js (port 3000)
│ ├── app/ # Dashboard Vite + React (port 5173)
│ └── ops/ # Panel admin Vite + React (port 5174)
├── packages/
│ ├── ui/ # Composants UI partagés
│ ├── config/ # Configuration partagée
│ ├── types/ # Types TypeScript partagés
│ └── emails/ # Templates React Email
├── convex/
│ ├── schema.ts # Schéma de base de données
│ ├── auth.ts # Configuration de l'authentification
│ ├── functions/ # Fonctions serverless
│ └── _generated/ # Types auto-générés
├── turbo.json
├── pnpm-workspace.yaml
└── package.jsonPrêt ?
Direction Lancer en 5 minutes pour faire tourner votre projet en local.