Skip to Content
SymfonyPartie 7 — Twig, AssetMapper & back-officeVue d'ensemble de la partie

Partie 7 — Twig, AssetMapper & back-office

Public : BookLab a un modèle de données (Partie 6). On construit maintenant le visage full-stack : le back-office admin, rendu côté serveur avec Twig. Objectif de la partie : maîtriser Twig (le moteur de templates de Symfony), les composants Twig, la gestion des assets avec AssetMapper, puis construire le back-office de BookLab à la main… et le refaire en quelques minutes avec EasyAdmin.

Ce que vous saurez faire à la fin de cette partie

  • Écrire des templates Twig : variables, héritage, includes, filtres, fonctions, boucles, conditions.
  • Factoriser l’UI avec les composants Twig (l’équivalent serveur des composants React).
  • Servir CSS/JS modernes sans bundler grâce à AssetMapper (importmaps).
  • Construire un back-office CRUD à la main (listes, formulaires, actions).
  • Générer le même back-office en quelques minutes avec EasyAdmin, et savoir quand choisir l’un ou l’autre.

Où l’on se situe dans BookLab

C’est la première face de l’application : le back-office par lequel les administrateurs et prestataires gèrent services, créneaux et réservations. L’autre face — l’API pour le front Next.js — viendra aux Parties 11-12. Ici, tout est rendu serveur (HTML via Twig), avec une session (Partie 4.5) pour l’état et l’authentification (Partie 10).

💡 Pour un dev Next.js : cette partie est votre « SSR pur, sans React ». Twig est un moteur de templates serveur (comme les anciens EJS/Handlebars, mais bien plus riche et sûr). Ça peut sembler « à l’ancienne » — mais c’est extrêmement productif pour un back-office, et la Partie 8 (Symfony UX) y ajoutera de la réactivité sans SPA. Gardez l’esprit ouvert : pour un back-office, c’est souvent le meilleur rapport effort/résultat.

Chapitres de cette partie

  1. Twig : le moteur de templates — syntaxe, variables, filtres/fonctions, échappement, boucles/conditions.
  2. Héritage, includes & composants Twig — extends/block, include, embed, et les composants Twig réutilisables.
  3. AssetMapper — servir CSS/JS modernes sans bundler (importmaps), intégrer Tailwind/Stimulus.
  4. Back-office à la main — CRUD de BookLab en Twig : listes, détails, formulaires, actions, flash.
  5. EasyAdmin — générer un back-office complet en minutes ; personnalisation ; à la main vs EasyAdmin.

Prochain chapitre : 7.1 — Twig : le moteur de templates.

6.7 — Recherche avec Meilisearch7.1 — Twig : le moteur de templates