--- title: "MCR - Plateforme Food Truck & Concepts Mobiles" description: "Refonte complète d'un site WordPress vers une plateforme moderne Next.js 16 + Payload CMS v3 pour un fabricant français de food trucks - 129K lignes de code, 78 pages, 1 383 contenus SEO, livré en 41 jours." locale: "fr" canonical: "https://portfolio.josedacosta.info/fr/realisations/moncamionresto-plateforme-food-truck" source: "https://portfolio.josedacosta.info/fr/realisations/moncamionresto-plateforme-food-truck.md" html_source: "https://portfolio.josedacosta.info/fr/realisations/moncamionresto-plateforme-food-truck" author: "José DA COSTA" date: "2026" type: "achievement" slug: "moncamionresto-plateforme-food-truck" tags: ["Next.js 16", "TypeScript", "Payload CMS v3", "PostgreSQL", "Tailwind CSS 4", "Stripe", "Terraform", "GitHub Actions", "4 AI APIs"] generated_at: "2026-04-23T15:48:46.280Z" --- # MCR - Plateforme Food Truck & Concepts Mobiles Refonte complète d'un site WordPress vers une plateforme moderne Next.js 16 + Payload CMS v3 pour un fabricant français de food trucks - 129K lignes de code, 78 pages, 1 383 contenus SEO, livré en 41 jours. **Date:** Février - Mars 2026 **Duration:** 41 jours **Role:** Fondateur & CTO - Développeur solo **Technologies:** Next.js 16, TypeScript, Payload CMS v3, PostgreSQL, Tailwind CSS 4, Stripe, Terraform, GitHub Actions, 4 AI APIs ### Key Metrics - Lignes de code: **-** - TypeScript (mode strict) - Pages: **-** - Next.js App Router - Contenus SEO: **-** - Contenus indexables - Tables en base: **-** - Dont 46 de versioning ## Présentation _Définition et périmètre du projet_ ### Domain Vehicules de restauration, événementiel B2B, amenagement de vehicules sur mesure, location de concepts mobiles ### Target Users B2B : agences événementielles, marques, professionnels de la restauration - B2C : entrepreneurs lancant une activité de restauration ambulante - Savoir-faire - Ateliers & Expertise - Concepts - Vehicules & Containers - Réalisations - Portfolio de projets - Occasions - Marketplace + Stripe - Location - Flotte événementielle B2B - Ressources - Blog, Guides, Lexique, FAQ - Contact & Devis - Formulaires multi-étapes **Content:** **Mon Camion Resto** (MCR) est la **refonte complète du site vitrine** d'une entreprise française spécialisée dans la **conception, la fabrication et la personnalisation de food trucks, remorques, containers amenages et concepts mobiles** destines à la restauration ambulante et à l'événementiel. Le projet remplace l'ancien site WordPress par une application web moderne construite avec Next.js 16 et Payload CMS v3. L'entreprise opere dans un marché de niche à la croisee de plusieurs secteurs : carrosserie/amenagement, restauration professionnelle, événementiel corporate et location de concepts mobiles. Elle travaille avec des clients prestigieux tels que Futuroscope, Sodexo, IKEA, France TV, Elior, Charal et Ralph Lauren, avec 3 agences physiques en France (Bordeaux, Paris, Metz). Une part significative du projet a consiste a développer de **nombreuses extensions sur-mesure pour Payload CMS** - en particulier des outils dédiés à la **génération de contenu par IA** (articlés, descriptions produits, création d'images) exploitant 4 fournisseurs integres (Claude, OpenAI, Gemini, Mistral). Ce travail de développement sur-mesure sur la couche CMS s'est avéré être l'un des aspects les plus enrichissants techniquement du projet. **Domain:** Domaine **Target Users:** Utilisateurs cibles **Functional Scope:** Périmètre fonctionnel (7 sections) ## Objectifs, Contexte, Enjeux & Risques _Vision stratégique et contraintes_ ### Context Le site WordPress existant souffrait de **navigation defaillante, mauvais SEO, visuels obsoletes** et formulaires de contact génériques. L'entreprise transitionnait de "Mon Camion Resto" vers l'acronyme "MCR" tout en gerant **6 domaines** (moncamionresto.com/fr, labeglaise.fr, location-foodtruck.fr, food-trucks.fr, mountain-egg.com). Une migration des 42 articlés WordPress existants était egalement nécessaire. ### Stake Seo Le site est le principal canal d'acquisition - la refonte doit maintenir ou améliorer les positions existantes tout en creant massivement du nouveau contenu ### Stake Conversion Les formulaires de devis et de contact sont le nerf de la guerre commerciale - chaque lead doit être correctement route vers la bonne agence (Bordeaux, Paris, Metz) ### Stake Brand L'entreprise travaille avec des clients comme IKEA, France TV et Ralph Lauren - le site doit refleter ce niveau de qualité - Refondre intégralement le site WordPress vers une stack moderne (Next.js + Payload CMS) avec gestion autonome du contenu - Multiplier la visibilité SEO grace à une stratégie de contenu massive : 112 articlés, 664 guides, 471 termes de glossaire - Professionnaliser l'image de marque avec un design system cohérent (shadcn/ui, 59 composants) et des visuels de qualité - Automatiser la génération de contenu via l'intégration de 4 APIs d'IA (Claude, OpenAI, Gemini, Mistral) - Structurer le parcours commercial avec des formulaires de devis multi-étapes routes par agence et un paiement Stripe pour les occasions - Industrialiser le déploiement avec une infrastructure CI/CD complète (GitHub Actions, VPS OVH, 3 environnements) **Objectives:** Objectifs **Context:** Contexte **Stakes:** Enjeux **Stake Seo:** Visibilité SEO **Stake Conversion:** Conversion de leads **Stake Brand:** Image de marque **Risks:** Risques identifies **Risk1 Title:** Risque SEO **Risk1 Desc:** Perte potentielle de référencement pendant la migration - attenue par la mise en place de redirections et la conservation des anciennes URLs via Nginx. **Risk2 Title:** Qualité du contenu IA **Risk2 Desc:** Volume massif de contenu généré par IA (664 guides, 471 termes) nécessitant une vérification humaine - un système de statut a été implémenté (not-verified, ai-verified, human-verified). **Risk3 Title:** Contraintes infrastructure **Risk3 Desc:** Hébergement sur un seul VPS OVH avec 3 environnements, limité a 8 Go de RAM pour l'ensemble de la stack. **Risk4 Title:** Complexité multi-API **Risk4 Desc:** Intégration de 4 APIs d'IA différentes (Anthropic, OpenAI, Google, Mistral) avec des modèles de facturation et limités de debit variables. ## Les Étapes - Ce que j'ai fait _Phases chronologiques et contributions personnelles_ - Fondations - Contenu & SEO - Infrastructure & Migration - CI/CD & Production **Gantt Caption:** Chronologie du projet - 41 jours du premier au dernier commit **Phase1 Period:** 10-12 fev. **Phase2 Period:** 14-27 fev. **Phase3 Period:** 2-9 mars **Phase4 Period:** 12-22 mars **Commit Stats:** 81 commits sur 41 jours - pic : 15 commits le 13 mars (marathon CI/CD) ## Les Acteurs - Les Interactions _Équipe, parties prenantes et dynamiques de collaboration_ **Team Intro:** Le projet a été réalisé en **duo humain + IA** : un développeur senior (José DA COSTA) assisté par des agents IA (Claude Code, Gemini, ChatGPT). Ce modèle est documenté à travers 5 328 lignes de prompts sequentiels dans le fichier PROMPTS.md du projet. **Team Nuance:** **Nuance importante** : Si l'IA a généré ~75% du volume de code (mega-commits >10K insertions = 79% du total), la **valeur humaine** représenté ~70% de la production intellectuelle du projet - toutes les décisions d'architecture, choix de stack technique, modelisation des données (15 collections, 133 tables), conception de l'infrastructure, stratégie SEO, relation client, prompt engineering et validation finale. **Stakeholders:** Parties prenantes externes **Code Volume Chart:** Répartition du volume de code (lignes produites) **Intellectual Value Chart:** Valeur intellectuelle et décisionnelle **Acceleration Factor:** Facteur d'acceleration estime : x3 a x4 - ce qui aurait pris 4 a 6 mois a été livré en 41 jours ## Les Résultats _Impact pour moi et pour l'entreprise_ ### Seo Distribution du contenu SEO (1 383 contenus) **Codebase Metrics:** Métriques du code **Platform Comparison:** WordPress vs Next.js+Payload CMS **Design System:** Composition du design system (203 composants) **Dev Velocity:** Velocite de développement (commits par semaine) **For Me:** Pour moi - Compétences acquises & renforcees **Technical Skills:** Compétences techniques **Human Skills:** Compétences fonctionnelles & humaines **For Company:** Pour l'entreprise - Impact business **Cms Chart:** Volume de contenu CMS par collection ## Les Lendemains du Projet _Ce qui s'est passe après la livraison et état actuel_ **Content:** **Futur immédiat** : La plateforme a été déployée sur un environnement de production (production.moncamionresto.com) avec deux environnements supplémentaires (test, staging). L'environnement test est auto-déployé à chaque push sur main via le CI/CD GitHub Actions. L'admin CMS est accèssible et opérationnel pour l'équipe. **A moyen terme** : Le site est en ligne sous un sous-domaine temporaire en attendant la migration DNS finale depuis l'ancien site WordPress. Le contenu SEO massif (1 383 items) nécessité une vérification humaine progressive - le système de statut de vérification (not-verified / ai-verified / human-verified) est deja en place. Les collections métier critiques (réalisations, vehicules d'occasion, flotte de location) sont structurees et pretes a être peuplees avec des données réelles. **État actuel** : La plateforme représente une **multiplication par 33 du contenu indexable** par rapport au site WordPress original (1 383 vs 42 items). L'infrastructure est prete pour la production avec SSL, sauvegardes automatisees, CI/CD et monitoring. La plateforme d'automatisation n8n est déployée pour l'automatisation des workflows. ## Mon Regard Critique _Analyse rétrospective et leçons apprises_ ### Would Do Differently - **Tests des le depart** - même en solo, tester les routes API critiques (contact, devis, paiement Stripe) aurait sécurisé les fonctionnalités business clés - **Stratégie de contenu par lots** - plutôt que 664 guides d'un coup, une approche par lots avec validation humaine entre chaque aurait garanti la qualité - **Feature flags** - un système de feature flags aurait permis de déployer progressivement en production sans risque **Strengths:** Points forts **Improvements:** Points d'amélioration **Would Do Differently:** Ce que j'aurais fait différemment **Lessons:** Enseignements durables