Architecture
Découvrez l’architecture technique de Wagoo SaaS.
Structure globale
Wagoo est construite avec une architecture moderne et scalable :
┌─────────────────────────────────────┐
│ Frontend (Next.js) │
│ React + TypeScript + Tailwind │
└────────────┬────────────────────────┘
│
┌────────────▼────────────────────────┐
│ API Endpoints (Next.js API) │
│ /api/auth, /api/projects, etc. │
└────────────┬────────────────────────┘
│
┌────────────▼────────────────────────┐
│ Authentication (better-auth) │
│ Sessions, OAuth, 2FA, MagicLink │
└────────────┬────────────────────────┘
│
┌────────────▼────────────────────────┐
│ Prisma ORM │
│ Gère la logique métier │
└────────────┬────────────────────────┘
│
┌────────────▼────────────────────────┐
│ PostgreSQL Database │
│ Données persistantes │
└─────────────────────────────────────┘Composants principaux
1. Frontend (Next.js)
- Pages statiques et dynamiques
- Dashboard privé
- Pages publiques (projets, blogs, festivals)
2. API Routes
- Authentification
- Gestion des projets
- CRUD pour tous les modèles
- Webhooks Stripe
3. Base de Données (Prisma)
- Modèles : Users, Projects, Articles, Reviews, Festivals, Tickets
- Relations complexes
- Migrations versionnées
4. Services
- Stripe integration
- Email sending
- OAuth providers
- Blog CMS avec TipTap
Flux d’authentification
User → Sign In → better-auth
↓
Verify credentials
↓
Create session
↓
Set cookies
↓
Redirect to dashboardProchaines sections
- Stack Technologique - Technologies utilisées
- Base de Données - Schéma Prisma
- Système d’authentification - Comment marche l’auth
- Sécurité - Bonnes pratiques
Last updated on