BaliseTonSite

Pourquoi Supabase ?

Le backend open-source qui te donne une base de données, une auth et une API en 2 minutes.

Imagine un jeu où tu skip le tutoriel de 50 heures et tu commences directement avec un inventaire complet : base de données, authentification, stockage de fichiers, API temps réel. C'est exactement ce que Supabase te donne.

Pas besoin de monter un serveur Express, configurer une base MySQL, gérer des sessions JWT à la main. Supabase fait tout ça out of the box, gratuitement, et c'est open-source.

1.1Le problème : créer un backend, c'est long

Pour une app full-stack classique, tu dois monter :

  • Un serveur (Express, Fastify, NestJS...)
  • Une base de données (PostgreSQL, MySQL, MongoDB...)
  • Un système d'auth (Passport, NextAuth, sessions...)
  • Un ORM (Prisma, Drizzle, Sequelize...)
  • Un hébergement pour tout ça (VPS, Docker, AWS...)

C'est facilement 2-3 jours de config avant d'écrire la moindre ligne de logique métier.

Le raccourci Supabase

Supabase te donne tout ça en un seul service, avec un dashboard visuel, un SDK JavaScript prêt à l'emploi et un free tier généreux.

1.2Ce que Supabase t'offre

🐘

PostgreSQL

Une vraie base relationnelle, pas du NoSQL limité. SQL complet, jointures, triggers, fonctions.

🔐

Auth intégrée

Email/password, OAuth (Google, GitHub...), magic links. Tout géré pour toi.

API auto-générée

Chaque table crée automatiquement une API REST et une API temps réel.

Storage & Edge Functions

Upload de fichiers et fonctions serverless Deno inclus.

1.3Supabase vs Firebase vs backend custom

CritèreBackend customFirebaseSupabase
Base de donnéesSQL ou NoSQL au choixFirestore (NoSQL)PostgreSQL (SQL)
Open-sourceDépend de ton choixNon (Google)Oui (MIT)
Vendor lock-inAucunFort (Google Cloud)Faible (Postgres standard)
Auth intégréeÀ configurerOuiOui
Temps de setup2-3 jours30 min10 min
SQL / JointuresOuiNonOui
Free tierVPS payantGénéreuxGénéreux

Pourquoi pas Firebase ?

Firebase utilise Firestore, une base NoSQL. C'est pratique pour prototyper, mais dès que tu as des relations entre tes données (utilisateurs → commandes → produits), le SQL de Supabase est infiniment plus adapté. Et si tu quittes Firebase, tu repars de zéro. Avec Supabase, ta base Postgres est portable partout.

1.4Architecture : où se place Supabase

Supabase n'est pas un serveur que tu héberges. C'est un service cloud (ou self-hosted) que ton frontend appelle directement :

Flux de données simplifié
Browser (React/Next.js)
 SDK @supabase/supabase-js
Supabase Cloud
    ├── Auth (JWT automatique)
    ├── PostgreSQL (tes données)
    ├── Storage (tes fichiers)
    ├── Realtime (WebSocket)
    └── Edge Functions (logique serveur)

Ton app Next.js appelle Supabase directement via le SDK. Pas de proxy, pas de backend Express entre les deux. La sécurité est assurée par les Row Level Security policies (on verra ça au chapitre 5).

1.5Quand choisir Supabase

Parfait pour

  • - Apps full-stack avec auth (SaaS, dashboards)
  • - MVP / prototypes rapides
  • - Projets Next.js / React
  • - Apps avec données relationnelles
  • - Side projects (free tier généreux)

Moins adapté pour

  • - Logique métier très complexe (préfère un vrai backend)
  • - Apps avec besoin de queues/workers lourds
  • - Systèmes temps réel massifs (millions de connexions)
  • - Projets qui exigent zéro dépendance cloud

Ce cours est basé sur du vrai

Le site que tu utilises en ce moment tourne sur Supabase : auth, progression des chapitres, commandes Stripe, likes. Tout ce que tu vas apprendre est directement applicable.

Verifie tes acquis

5 questions pour valider ce chapitre

1. Quelle base de donnees utilise Supabase sous le capot ?

Valide et sauvegarde ce chapitre

Ne perds pas le fil de ton apprentissage. Chaque QCM complété s'enregistre comme un checkpoint dans ton tableau de bord personnel. Crée ton profil de développeur gratuitement pour débloquer toutes les évaluations du site et suivre ta progression étape par étape.

Commencer l'aventure
Déjà membre ?Connecte-toi