Partie 15 — Projets guidés (parcours pratique)

⏱️ TL;DR — Une échelle de 6 projets à difficulté croissante pour ancrer tout le cours par la pratique. On part de la découverte (monter un site sans écrire une ligne de code) pour finir sur un produit freemium distribuable. Chaque projet a un cahier des charges (contexte, périmètre, livrables, critères de réussite) et une section « Endroits à visiter » qui vous envoie explorer les écrans, fichiers et APIs clés. Les projets s’enchaînent : le catalogue de livres du Niveau 2 devient un bloc React au Niveau 3, un front Next.js au Niveau 4, puis un produit au Niveau 5.

🎯 Comment utiliser ce parcours

• Faites-les dans l’ordre. Chaque niveau suppose le précédent acquis. Ne sautez pas la découverte même si vous êtes un dev confirmé : WordPress a ses conventions, et on ne monétise bien que ce qu’on comprend de l’intérieur.
• Un projet = une vraie livraison. Fixez-vous une date. Un projet « fait à 80 % » n’apprend pas la moitié de ce qui compte (le déploiement, les cas limites, la sécurité).
• Le cahier des charges est un contrat. Traitez-le comme une mission client : périmètre inclus et exclu explicites. C’est exactement la discipline de la Partie 13.
• « Endroits à visiter » = exploration guidée. Avant de coder, allez voir les écrans et lire le code du cœur indiqué. On apprend WordPress autant en lisant wp-admin et le core qu’en écrivant.
• Cochez les critères de réussite. Ils définissent « terminé ». Si un critère n’est pas vérifiable par vous-même, le projet n’est pas fini.

🪜 L’échelle des 6 projets

📊 Vue d’ensemble

🧵 Le fil rouge

À partir du Niveau 2, un seul objet grandit avec vous : un catalogue de livres.

• Niv. 2 — il naît comme plugin (wpr-books : CPT « Livre » + genres + ISBN/prix).
• Niv. 3 — il gagne un bloc React « Livre à la une » et un endpoint REST.
• Niv. 4 — un front Next.js (HeadlessShelf) le consomme en headless.
• Niv. 5 — il devient un produit freemium (gratuit sur wp.org + Pro).

C’est le même arc que les Parties 7 → 8 → 9 → 13 du cours : ici, vous le construisez vous-même, de la découverte au revenu.

🧰 Prérequis d’environnement

• Niveaux 0–1 : une install WordPress locale suffit — LocalWP  ou wp-env (voir Partie 4). Aucun outil de build.
• Niveaux 2–3 : la même install + WP-CLI, WP_DEBUG activé, Node.js 20+ et @wordpress/scripts pour le bloc.
• Niveaux 4–5 : ajoutez un projet Next.js 15 séparé (Niv. 4), et pour le Niv. 5 : PHPCS/WPCS, le plugin Plugin Check, un compte Freemius (sandbox) ou EDD.

⚠️ Piège — Ne travaillez jamais vos projets sur un site en production. Tout se fait en local ou sur un environnement de test jetable. On casse, on recommence : c’est le but.

💡 Pour un dev React — Voyez ce parcours comme un roadmap.md de side-project qui monte en compétence. Les Niveaux 0–1 sont l’équivalent de « configurer un CMS headless via son UI » ; à partir du Niveau 2 vous retrouvez votre terrain (code, build, API), et les Niveaux 4–5 sont carrément du Next.js + du produit SaaS.

Premier projet : Niveau 0 — Site vitrine « Le Club de lecture ».