FR
Leçon 3.1Pro - Fait partie d'Agentic School Pro

Architecture 101 : frameworks, monorepos et comment les applications modernes s'imbriquent

Bâtir une carte mentale claire du frontend, du backend et de la base de données, comprendre le split marketing versus app et savoir quand un monorepo vaut le coup

24 min•Le stack applicatif moderne - Auth, données et paiements•Disponible

Ce que tu apprends

  • Ce que veulent dire frontend, backend et base de données et comment ils se passent le travail
  • En quoi Next.js, Astro, TanStack Start et Vue diffèrent et quand saisir chacun
  • Le split site marketing versus app et quand un monorepo vaut sa complexité

Vue d'ensemble

Vous avez terminé le Cours 1 en shippant un vrai site et le Cours 2 en transformant votre agent en outil puissant. Maintenant vous montez d'une simple page statique à une vraie application avec des utilisateurs, des données et des paiements. Avant tout cela, il vous faut la carte. Cette leçon est cette carte : ce qu'un framework fait vraiment pour vous, les trois couches dont chaque app est bâtie, pourquoi les équipes sérieuses séparent un site marketing rapide de l'app plus lourde et quand un monorepo est un cadeau versus une taxe. Rendez cela clair, et chaque décision ultérieure de ce cours cesse de paraître arbitraire.

Ce que vous allez apprendre

Vous allez apprendre la différence entre frontend, backend et base de données en mots clairs, comment se comparent les principaux frameworks 2026 et quand chacun convient, pourquoi des sociétés comme Clerk et Convex font tourner un site marketing séparé de leur app, et la règle honnête pour savoir quand un monorepo paie. À la fin, vous saurez esquisser l'architecture de n'importe quel SaaS sur une serviette et expliquer pourquoi elle a cette forme.

Prérequis

Le Cours 1, surtout les leçons sur le setup de projet et le déploiement, car les décisions d'architecture s'appuient sur une boucle construire-et-shipper qui fonctionne. Vous devez être à l'aise pour exécuter des commandes de terminal et avoir déployé au moins une page. Si les mots « framework » ou « TypeScript » sont encore flous, survolez d'abord les pages de fondamentaux sur ce qu'est un framework et ce qu'est TypeScript, puis revenez.

Le problème

La plupart des débutants collent une app en copiant ce qu'un tutoriel a fait, sans modèle de la façon dont les pièces s'articulent. Puis ils heurtent un mur : le site marketing est lent parce qu'il est empaqueté avec toute l'app, l'auth et les données sont enchevêtrées dans l'UI, et personne ne sait dire où vit une responsabilité donnée. Le résultat est une app difficile à changer et impossible à raisonner. Rien de tout cela n'est un problème de compétence en coding. C'est un modèle mental manquant. Cette leçon installe le modèle, pour que votre agent construise sur un sol ferme au lieu d'un tas de snippets copiés.

Déverrouillage de votre leçon Pro

Commentaires

Chargement des commentaires.

Poster un commentaire
CommentairesSuivant
Étape suivante

Prêt à mettre l’IA au service d’un véritable workflow ?

Commencez par le cours de base, conservez vos progrès localement et synchronisez tout sur votre compte gratuit quand vous le souhaitez.