Tiroir Magique Logo

Tiroir Magique

Une activité sans écran pour votre enfant, en un clic

Projet personnel | 2026

Next.js 16React 19Neon PostgreSQLDrizzle ORMNeon AuthStripeGemininext-intlVercel

Captures d'écran

Interface complète en thème clair et sombre

Landing page et générateur d'activités

Landing page et générateur d'activités

Thème clair
Activité générée avec matériel et étapes

Activité générée avec matériel et étapes

Thème clair
Les Packs de survie

Les Packs de survie

Thème clair
Tarifs - abonnement Famille

Tarifs - abonnement Famille

Thème clair
Landing page et générateur d'activités

Landing page et générateur d'activités

Thème sombre
Les Packs de survie

Les Packs de survie

Thème sombre
Tarifs - abonnement Famille

Tarifs - abonnement Famille

Thème sombre

Projet Personnel

Tiroir Magique est un SaaS qui aide les parents d'enfants de 1 à 6 ans à trouver instantanément une activité sans écran : indiquer l'âge et le temps disponible suffit pour obtenir une idée avec du matériel du quotidien.

  • ~1800 activités adaptées par âge et durée (15/30/60 min)
  • 6 catégories : motricité, sensoriel, créatif, calme, imagination, extérieur
  • Génération IA personnalisée (âge, jouets, allergies)
  • Profils enfants et journal des activités réalisées

Objectifs du Projet

Construire et monétiser un SaaS B2C complet de bout en bout : auth managée, paiements, IA, i18n et analytics, avec un modèle freemium.

Livrables

  • Application Next.js 16 en production sur Vercel
  • Abonnement Famille Stripe (mensuel/annuel) avec webhooks
  • Freemium : 5 générations IA/mois gratuites, illimité en premium
  • Interface bilingue FR/EN avec next-intl

Architecture Full-Stack

Une stack serverless moderne : Vercel, Neon, Stripe et Gemini

ComposantTechnologieRôle
FrontendNext.js 16 (Vercel)App React 19, SSR, Tailwind CSS 4 + shadcn/ui, design system OKLCH clair/sombre
Base de donnéesNeon PostgreSQL + Drizzle ORM~1800 activités en base, profils, enfants, journal d'activités, migrations SQL
AuthentificationNeon Auth (Better Auth)Auth managée : email/mot de passe + Google OAuth, middleware de protection des routes
PaiementsStripeAbonnement Famille mensuel/annuel, webhooks de synchronisation des statuts
Intelligence ArtificielleGoogle Gemini 2.5 FlashGénération d'activités personnalisées via Vercel AI SDK (@ai-sdk/google)
Internationalisationnext-intlInterface bilingue français/anglais, messages centralisés
AnalyticsPostHogProduct analytics avec consentement cookies RGPD
SécuritéUpstash Redis + TurnstileRate limiting des routes API, captcha Cloudflare sur les formulaires

Flux de Génération IA

UserNext.js (Vercel)Quota (Redis)Gemini 2.5 FlashActivité structuréeJournal
  • Le parent renseigne l'âge, la durée et l'envie, puis demande une activité sur mesure
  • Le quota est vérifié côté serveur (5/mois en gratuit, illimité en premium, fair use quotidien)
  • Gemini 2.5 Flash génère l'activité via Vercel AI SDK : matériel, étapes, catégorie
  • L'activité peut être enregistrée dans le journal de l'enfant pour la refaire plus tard

Fonctionnalités Principales

Trois piliers pour occuper les enfants sans écran

Générateur d'Activités

  • Sélection par âge (1 à 6 ans) et durée (15/30/60 min)
  • ~1800 activités en base PostgreSQL, sans compte pour essayer
  • Matériel du quotidien uniquement, instructions étape par étape
  • 6 catégories d'éveil ou mode surprise

Génération IA

  • Activités sur mesure via Google Gemini 2.5 Flash
  • Personnalisation : âge, jouets disponibles, allergies
  • 5 générations/mois en gratuit, illimité avec l'abonnement
  • Fair use quotidien et rate limiting contre les abus

Packs de Survie

  • Collections thématiques pour les moments difficiles
  • Voyage en voiture, jour de maladie, semaine de pluie, restaurant
  • PDF imprimables prêts à l'emploi
  • Inclus dans l'abonnement Famille (Stripe)

Compétences Maîtrisées

SaaS Full-Stack

Next.js 16 App Router, React 19, Tailwind CSS 4 + shadcn/ui, design system OKLCH avec thèmes clair et sombre

Intégration IA

Gemini 2.5 Flash via Vercel AI SDK - quotas gratuit/premium, fair use quotidien, output structuré

Paiements Stripe

Abonnement mensuel/annuel, webhooks, synchronisation des statuts d'abonnement en base

Backend Serverless

Neon PostgreSQL serverless avec Drizzle ORM, migrations versionnées, seed de ~1800 activités

Auth Managée

Neon Auth (Better Auth) : email + Google OAuth, sessions, protection middleware des routes privées

i18n & Growth

next-intl FR/EN, SEO structured data JSON-LD, PostHog analytics, rate limiting Upstash Redis

Next.jsReactTypeScriptNeon PostgreSQLDrizzle ORMStripeGemininext-intlPostHogUpstash RedisVercel