Learn

Fullstack 101

Comment marche une application web, vraiment

Le cours transversal qui explique ce que les autres parcours supposent acquis : frontend, backend, HTTP, DNS, base de données, authentification, environnements et secrets, middleware serverless. Les fondations partagées par Supabase, Vercel, Next.js et tous les outils modernes.

코스 시작

À qui s'adresse ce cours

Tu as suivi des tutos qui te disent "fais pnpm dev", "déploie sur Vercel", "ajoute une variable d'env", "active RLS". Tu suis les étapes, ça marche. Mais si on te demandait de dessiner ce qui se passe quand un utilisateur tape mon-site.com dans son navigateur, tu serais bloqué.

Ce cours est le chaînon manquant. On y répond à des questions que personne ne pose jamais à voix haute parce qu'elles paraissent évidentes : qu'est-ce qu'un backend, exactement ? Pourquoi une base de données et pas des fichiers JSON ? Pourquoi un cookie et pas juste un fichier local ? Pourquoi trois environnements (dev, preview, prod) et pas un seul ?

Une fois ce cours fait, les parcours Supabase, Vercel et l'écosystème Next.js arrêtent d'être une suite de recettes magiques et redeviennent des outils que tu comprends.

Comment le suivre

  • Linéairement la première fois : chaque leçon assoit un concept utilisé par les suivantes.
  • Par module ensuite :
    • "Comprendre le web" pose le client, le serveur, et le réseau entre les deux.
    • "Les briques d'une app" couvre les trois piliers de toute appli moderne : base de données, authentification, gestion de la configuration.
    • "Connecter le tout" assemble les briques avec du code (Edge Functions, API routes) et apprend à lire un schéma d'architecture.
  • Avec un crayon et du papier : la moitié des leçons demandent de dessiner un schéma. Fais-le. C'est ce qui fait la différence entre comprendre et avoir lu.

Les schémas du cours utilisent Mermaid, donc tu pourras les copier-coller dans n'importe quel outil compatible (Notion, Obsidian, GitHub README).

커리큘럼

Connexions avec d'autres cours

Variables d'environnement

Le meme concept (cles secretes, URLs, flags) gere a quatre niveaux : le concept fullstack, ton shell local, ta plateforme de deploiement, ta base de donnees managee.

SQL et modele relationnel

De la theorie SQL (tables, lignes, cles, joins) a son application concrete dans Supabase (policies RLS, queries via JS client).