Type-safety end-to-end
Du schéma Prisma jusqu'au composant React, chaque ligne est typée. Zod valide les entrées, next-safe-action sécurise les server actions, TanStack Form garantit la cohérence des formulaires.
La fondation technique de Bloopi.
Un socle moderne pensé pour la performance, la fiabilité et la productivité. Type-safe de bout en bout, multi-tenant par défaut, monitoré en continu — pour que vos données et vos équipes restent en sécurité.
- Framework
- Next.js 16 · React 19
- Base de données
- PostgreSQL · Prisma 7
- Type-safety
- TypeScript strict · Zod
- Déploiement
- Vercel · Edge ready
01 — Stack
Technologies utilisées
Versions exactes en production. Cliquez chaque carte pour aller voir la documentation officielle de la techno (badge mono = version installée).
Frontend
ui · rendering · animation
Backend & Data
api · auth · state
Intégrations
payments · email · search · jobs
Documents & DX
pdf · tests · tooling
02 — Architecture
Flux de données
Trois couches isolées, type-safe d'un bout à l'autre. Chaque requête est scopée par organizationId au niveau Prisma.
Client
- React Server Components
- Tailwind v4 · shadcn
- TanStack Query / Form
- motion v12
API
- Server Actions
- next-safe-action
- Zod schemas
- Better Auth middleware
Data
- Prisma 7 + PostgreSQL
- Redis cache (ioredis)
- S3 storage
- Meilisearch · Inngest
Toutes les requêtes sont scopées par organizationId — isolation stricte des tenants au niveau ORM.
03 — Principes
Pourquoi cette stack
Chaque brique a été choisie pour servir trois objectifs : robustesse multi-tenant, vitesse de livraison et expérience utilisateur fluide.
Performance native
Turbopack pour des builds 10× plus rapides, React Server Components pour minimiser le JS livré, streaming par défaut et Edge Runtime sur Vercel pour des latences sous 100 ms.
Modernité 2026
Next.js 16, React 19, Tailwind v4 et motion v12 — toujours sur la dernière version stable. Cache Components et Partial Prerendering activés.
Multi-tenant by design
Routing slug-based (/orgs/[slug]), isolation stricte des données via Better Auth Organization, header propagé en middleware. Multi-tabs safe.
Sécurité renforcée
Auth OTP (sans mot de passe), sessions signées, RBAC (admin/owner/member), audit trail Inngest, secrets gérés via Vercel Env, HTTPS partout.
DX au quotidien
Vitest pour les tests, Playwright pour le e2e, Knip pour la dead-code, Prettier + ESLint en pre-commit, type-checking strict.
Une stack pensée pour durer.
Bloopi est construit pour évoluer sans dette technique. Chaque mise à jour majeure (Next.js, React, Tailwind) est intégrée dans les semaines qui suivent — vous bénéficiez toujours du meilleur de l'écosystème.