Construire Site 4 That : Une plateforme d'outils IA pour la vie quotidienne

La plupart des outils IA sur internet aujourd’hui se divisent en deux camps : les produits entreprise qui coûtent des centaines par mois et les wrappers de démonstration autour de ChatGPT qui cassent au moindre problème. Je voulais quelque chose entre les deux — des outils pratiques et abordables qui aident avec ce que les gens affrontent au quotidien. Cette idée est devenue Site 4 That, une plateforme avec plus de 40 outils alimentés par l’IA couvrant la gestion du TDAH, les relations, la productivité, le bien-être, la parentalité et le travail.

Cet article couvre l’architecture, les décisions qui ont compté et les outils eux-mêmes.

Le problème qui mérite d’être résolu

Tout le monde a cet ami qui dit « utilise simplement ChatGPT pour ça ». Et bien sûr, on peut demander à un LLM de vous aider à planifier votre journée ou écrire une lettre de motivation. Mais la plupart des gens ne veulent pas rédiger des prompts. Ils veulent ouvrir un outil, remplir quelques champs et obtenir un résultat utile. C’est le vide que comble Site 4 That — des outils soigneusement conçus avec de bons paramètres par défaut, des limites raisonnables et un formatage de sortie adapté à chaque tâche.

La plateforme couvre sept catégories :

• TDAH — des outils comme le Planificateur Quotidien TDAH, le Découpeur de Tâches, le Minuteur de Concentration, le Constructeur de Menu Dopamine et le Constructeur de Routine Matinale conçus pour le fonctionnement des cerveaux TDAH
• Relations — le Check-In Hebdomadaire de Couple, le Résolveur de Conflits, le Rédacteur d’Excuses et le Lanceur de Conversation
• Bien-être — un Recadreur de Pensées Anxieuses utilisant des techniques de TCC, un Journal de Gratitude, un Suivi d’Humeur et un Suivi de Qualité du Sommeil
• Productivité — Suivi d’Habitudes, Matrice de Décision, Bilan Hebdomadaire et Assistant de Préparation de Réunion
• Travail — Créateur de CV avec IA, Rédacteur de Lettre de Motivation, Coach d’Entretien et Coach de Négociation Salariale
• Parentalité — Décodeur de Comportement Enfant, Traducteur de Crises, Créateur d’Histoires du Soir et Constructeur de Routine du Coucher
• Vie quotidienne — Planificateur de Repas, Calculateur de Budget, Générateur d’Idées Cadeaux et Planificateur de Remboursement de Dettes

Chaque outil dispose d’un prompt système soigneusement rédigé, de champs de saisie structurés et d’un formatage de sortie ajusté pour son cas d’usage spécifique.

Décisions d’architecture

La stack est Next.js 15 avec l’App Router, React 19, TypeScript, PostgreSQL sur Neon, Stripe pour les paiements et Claude d’Anthropic pour la génération IA. Le tout tourne sur AWS App Runner dans un conteneur Docker.

Outils data-driven

La décision architecturale la plus importante a été de rendre les outils pilotés par les données. Chaque outil est défini entièrement par un fichier de configuration JSON — aucun code React personnalisé n’est nécessaire. La configuration spécifie le nom de l’outil, les champs de saisie, le prompt système, le format de sortie, le contenu du guide PDF et les métadonnées SEO. La plateforme lit la configuration, génère un formulaire générique, diffuse la réponse de Claude via SSE et affiche le résultat.

Cela signifie que publier un nouvel outil revient à écrire un fichier JSON et une migration de base de données. Pas de code frontend, pas de déploiement spécifique. La page des outils le détecte automatiquement.

Outils interactifs

Certains outils nécessitent une interface personnalisée au-delà d’un formulaire. Le Minuteur de Concentration est un minuteur visuel de type Pomodoro avec suivi de sessions — ça ne peut pas être un formulaire. Les outils interactifs ont leur propre composant React enregistré dans un registre simple, mais ils peuvent toujours appeler le même endpoint de génération IA s’ils ont besoin de l’aide de Claude. Les outils interactifs sont un surensemble des outils data-driven, pas un système séparé.

Réponses en streaming

Chaque génération IA est diffusée via Server-Sent Events. Le client reçoit des fragments data: {"text": "..."} pendant que Claude génère, pour que les utilisateurs voient les résultats apparaître en temps réel. C’est important pour les sorties plus longues comme les planificateurs quotidiens ou les plans de repas où attendre la réponse complète semblerait cassé.

Rate limiting adossé à la base de données

Le rate limiting est adossé à PostgreSQL avec des upserts atomiques et un verrouillage au niveau des lignes. Cela le rend sûr sur plusieurs instances sans avoir besoin de Redis. Les utilisateurs gratuits obtiennent un nombre limité de générations par fenêtre glissante de 30 jours, appliqué côté serveur. Le client affiche un compteur d’utilisation, mais le serveur fait autorité.

Le modèle de monétisation

La tarification est délibérément simple :

• Niveau gratuit — trois générations IA sur tous les outils dans une fenêtre de 30 jours. Suffisant pour essayer et voir si un outil est utile.
• Guide PDF — un achat unique de 3 $ par outil qui vous donne un guide PDF téléchargeable plus un essai gratuit de 7 jours avec accès illimité. Le PDF est généré avec React PDF et couvre des stratégies et conseils pertinents pour la catégorie de l’outil.
• Abonnement — 10 $ par mois pour un accès illimité à tous les outils, plus des téléchargements gratuits de PDFs.

L’achat du PDF remplit une double fonction. C’est un point d’entrée à faible engagement pour les personnes qui ne sont pas prêtes pour un abonnement, et la période d’essai leur permet de découvrir la plateforme complète avant de se décider.

Ce que je ferais différemment

Si je recommençais, je construirais le pipeline de génération de PDFs plus tôt. Générer des PDFs à la volée pendant un webhook Stripe ajoute de la latence et des modes d’échec que la pré-génération évite. Le système pré-génère maintenant les PDFs et les stocke dans S3, mais y arriver a nécessité plusieurs itérations.

Je commencerais aussi avec l’architecture d’outils data-driven dès le premier jour. Les premiers outils avaient des composants personnalisés avant que je réalise que le pattern était suffisamment générique pour être extrait. Cette refactorisation s’est rentabilisée immédiatement — chaque outil après ça a été livré en une fraction du temps.

Essayez-le

Toute la plateforme est en ligne sur site4that.com. Le niveau gratuit ne nécessite ni compte ni carte de crédit. Si vous gérez un TDAH, voulez améliorer vos relations ou avez simplement besoin d’un plan de repas pour la semaine, il y a probablement un outil pour ça.