Stack Modulaire

C'est quoiDu JavaScript auquel on ajoute des types (on précise si une donnée est un texte, un nombre, etc.).

Sert àAttraper les erreurs de type à l'écriture du code, avant même de le lancer.

C'est quoiLe langage qui tourne dans le navigateur (et, avec Node.js, côté serveur).

Sert àFaire fonctionner tout ce qui bouge sur une page web. TypeScript compile vers du JavaScript à l'exécution.

C'est quoiUn moteur qui exécute du JavaScript en dehors du navigateur, sur ta machine ou un serveur.

Sert àFaire tourner les outils de dev (pnpm, Next.js) et, en prod, le serveur de l'appli.

C'est quoiUn gestionnaire de paquets : il télécharge et organise les librairies dont le projet dépend.

Sert àInstaller Next.js, React etc. sans les écrire toi-même, et garder les versions cohérentes entre elles.

C'est quoiGit garde un historique de chaque changement du code. GitHub héberge ce dépôt en ligne.

Sert àRevenir en arrière si tu casses quelque chose, et avoir une sauvegarde hors de ta machine.

C'est quoiUn outil pour faire tourner un logiciel (ex. une base de données) dans un environnement isolé et reproductible.

Sert àRien dans cette stack pour l'instant — Supabase évite d'en avoir besoin dès le départ. Utile plus tard si besoin réel.

C'est quoiUne bibliothèque pour construire des interfaces en petits blocs réutilisables, appelés composants.

Sert àDécouper une page (bouton, formulaire, liste) en morceaux qui se mettent à jour tout seuls quand les données changent.

C'est quoiUn framework construit sur React qui ajoute le routage (les pages), le rendu côté serveur et les routes API.

Sert àAvoir front (pages) et back (logique serveur, accès base de données) dans un seul projet, sans les séparer.

C'est quoiUn framework CSS où on stylise avec de petites classes directes dans le HTML (text-sm, p-4...).

Sert àStyliser vite, sans jongler entre un fichier .css et le composant.

C'est quoiDes composants d'interface (bouton, carte, formulaire) déjà stylés, copiés dans ton code — pas une dépendance figée.

Sert àNe pas repartir de zéro pour chaque bouton ou champ de formulaire, tout en gardant la main pour les modifier.

C'est quoiUne librairie qui gère l'état d'un formulaire (valeurs saisies, erreurs, soumission) sans re-rendre toute la page à chaque frappe.

Sert àBrancher un formulaire à un schéma Zod pour valider et afficher les erreurs proprement.

C'est quoiUne base de données relationnelle : les données sont rangées dans des tables liées entre elles.

Sert àStocker durablement des données structurées, et garantir qu'elles restent cohérentes.

C'est quoiUn service qui héberge une base PostgreSQL en ligne, gratuitement pour démarrer.

Sert àAvoir une vraie base accessible depuis n'importe où, sans installer ni gérer de serveur toi-même.

C'est quoiUn ORM : il traduit un schéma que tu écris en tables SQL, et génère du code TypeScript pour lire/écrire les données.

Sert àCréer et modifier les tables (migrations), et interroger la base sans écrire de SQL à la main, avec l'autocomplétion.

C'est quoiUne librairie qui décrit la forme attendue d'une donnée (ex. « un texte, entre 1 et 80 caractères »).

Sert àVérifier ce qu'un utilisateur envoie (formulaire) avant de l'utiliser ou de l'enregistrer — bloquer les données invalides.

C'est quoiUne librairie qui gère inscription, connexion, sessions, rôles.

Sert àNe pas réinventer la sécurité (hachage des mots de passe, cookies de session) toi-même — c'est facile à mal faire.

C'est quoiUne plateforme de paiement en ligne (cartes bancaires, abonnements, facturation).

Sert àEncaisser un paiement ou gérer un abonnement sans manipuler toi-même de données bancaires.

C'est quoiUn outil de tests unitaires : il exécute de petites fonctions et vérifie que le résultat est bien celui attendu.

Sert àVérifier automatiquement qu'un bout de logique (ex. une validation Zod) ne se casse pas quand tu modifies le code.

C'est quoiUn outil de tests « bout en bout » : il pilote un vrai navigateur comme le ferait un utilisateur.

Sert àVérifier qu'un parcours complet fonctionne (inscription → achat → confirmation...) sans le refaire à la main à chaque fois.

C'est quoiUne plateforme d'hébergement pensée pour Next.js.

Sert àMettre le site en ligne automatiquement à chaque git push, sans configurer de serveur toi-même.

C'est quoiUn robot qui exécute des commandes automatiquement à chaque push sur GitHub (ex. lancer les tests).

Sert àBloquer une mise en ligne si les tests échouent.

C'est quoiComme React, mais les composants produisent de vrais écrans mobiles (iOS/Android) au lieu de pages web.

Sert àRéutiliser tes connaissances React pour écrire une app installable, sans apprendre un langage natif (Swift, Kotlin).

C'est quoiUn ensemble d'outils autour de React Native : démarrage rapide, test en direct sur ton téléphone, service de build (EAS).

Sert àConstruire et publier une app sur l'App Store / Play Store sans installer Xcode ou Android Studio pour démarrer.

C'est quoiUne adaptation de Tailwind CSS pour React Native — mêmes classes, traduites en styles mobiles.

Sert àGarder les mêmes réflexes de style qu'en Tailwind web sans réapprendre une syntaxe.