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.

Février - Mars 2026

41 jours

Fondateur & CTO - Développeur solo

Next.js 16React 19TypeScriptPayload CMS v3PostgreSQL 16Tailwind CSS 4shadcn/uiStripeCloudflare TurnstileTerraformGitHub ActionsDockerDrizzle ORM4 AI APIs

MCR - Plateforme Food Truck & Concepts Mobiles

Février - Mars 2026

41 jours

Fondateur & CTO - Développeur solo

Next.js 16React 19TypeScriptPayload CMS v3PostgreSQL 16Tailwind CSS 4shadcn/uiStripeCloudflare TurnstileTerraformGitHub ActionsDockerDrizzle ORM4 AI APIs

Lignes de code

129,371

TypeScript (mode strict)

Pages

Next.js App Router

Contenus SEO

1,383

Contenus indexables

Tables en base

133

Dont 46 de versioning

Présentation

Définition et périmètre du projet

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.

Domaine

Vehicules de restauration, événementiel B2B, amenagement de vehicules sur mesure, location de concepts mobiles

Utilisateurs cibles

B2B : agences événementielles, marques, professionnels de la restauration - B2C : entrepreneurs lancant une activité de restauration ambulante

Périmètre fonctionnel (7 sections)

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

Objectifs, Contexte, Enjeux & Risques

Vision stratégique et contraintes

Objectifs

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)

Contexte

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.

Enjeux

Visibilité 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

Conversion de leads

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)

Image de marque

L'entreprise travaille avec des clients comme IKEA, France TV et Ralph Lauren - le site doit refleter ce niveau de qualité

Risques identifies

Risque SEO

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.

Qualité du contenu IA

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).

Contraintes infrastructure

Hébergement sur un seul VPS OVH avec 3 environnements, limité a 8 Go de RAM pour l'ensemble de la stack.

Complexité multi-API

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

Chronologie du projet - 41 jours du premier au dernier commit

Phase 1

Fondations

10-12 fev.

Mise en place Next.js 16 + Payload CMS v3 + 56 composants shadcn/ui en 3 jours
Modèle de données CMS complet : 15 collections, 4 globals, 24 types de blocs de contenu
Toutes les pages publiques + routage API + configuration TypeScript strict
Docker Compose pour PostgreSQL 16 local + Mailpit pour les tests email

Phase 2

Contenu & SEO

14-27 fev.

Design system complet avec typographie Futura PT, favicons, tokens couleur
Audit SEO complet et optimisations PageSpeed (LCP, fonts, docs, bundles)
Calendrier editorial + intégration 4 APIs IA pour la génération de contenu
207 termes de glossaire générés et optimises pour le SEO
Panel admin avec éditeur Lexical rich text de Payload CMS

Phase 3

Infrastructure & Migration

2-9 mars

Infrastructure Terraform DNS pour 6 domaines via l'API OVH
Migration WordPress : 42 articlés importes via script dédié (import-wp-adverts.ts)
Overhaul majeur du site : nouvelles sections, navigation 4 niveaux, logos clients
24 pages location/événementiel avec catalogue détaillé de la flotte

Phase 4

CI/CD & Production

12-22 mars

Pipeline GitHub Actions : 5 jobs (lint, tests, build, E2E, auto-deploy)
Google Analytics 4 + GTM avec tracking d'événements personnalise
Checkout Stripe pour la marketplace de vehicules d'occasion
Cloudflare Turnstile anti-spam sur tous les formulaires + login admin
Génération d'docs par IA pour les pages produits

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

Équipe de développement

Le projet a été réalisé en duo humain + IA : un développeur senior (Jose 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.

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.

Acteur	Contribution estimee	Périmètre
Jose DA COSTA (humain)	~25% du volume de code / ~70% de la valeur intellectuelle	Architecture, modelisation, infrastructure, stratégie SEO, prompt engineering (5 328 lignes), relation client, validation qualité
Assistants IA (Claude, Gemini, ChatGPT)	~75% du volume de code / ~30% de la valeur intellectuelle	Génération de composants, création de contenu (1 383 items SEO), scaffolding de pages, boilerplate, setup shadcn/ui

Répartition du volume de code (lignes produites)

Valeur intellectuelle et décisionnelle

Facteur d'acceleration estime : x3 a x4 - ce qui aurait pris 4 a 6 mois a été livré en 41 jours

Parties prenantes externes

Pierre-Olivier Paris

Dirigeant de l'entreprise & administrateur CMS - cahier des charges via enregistrements vocaux transcrits par IA

Geoffroy

Contact commercial (agence Bordeaux) - coordination des templates email

Stripe

Intégration paiement pour la marketplace de vehicules d'occasion

Cloudflare

Protection anti-spam Turnstile pour tous les formulaires

4 fournisseurs IA

Anthropic, OpenAI, Google Gemini, Mistral - génération de contenu et création d'docs

OVH

Hébergement VPS, email SMTP, gestion DNS des domaines

Les Résultats

Impact pour moi et pour l'entreprise

Métriques du code

Distribution du contenu SEO (1 383 contenus)

WordPress vs Next.js+Payload CMS

Composition du design system (203 composants)

Velocite de développement (commits par semaine)

Pour moi - Compétences acquises & renforcees

Compétences techniques

Full-stack TypeScript/React/Next.js 16 avec Payload CMS v3 à l'échelle production (129K lignes)
Développement d'extensions Payload CMS sur-mesure - création de nombreux outils admin dedies, principalement des utilitaires de génération de contenu par IA (texte, descriptions, docs) exploitant 4 fournisseurs
Modelisation de données relationnelles a grande échelle - 133 tables PostgreSQL avec Drizzle ORM
Intégration IA multi-providers - 4 APIs pour la génération de contenu et la création d'docs
Infrastructure as Code - Terraform pour la gestion DNS de 6 domaines
Conception de pipeline CI/CD - GitHub Actions avec 5 jobs automatisés sur 3 environnements
Architecture SEO - 1 383 contenus indexables avec structured data et ISR
Intégration e-commerce - checkout Stripe, suivi de paniers abandonnes, protection anti-spam

Compétences fonctionnelles & humaines

Analyse de cahier des charges à partir d'enregistrements vocaux - transcrits et structures par IA
Stratégie de contenu SEO - architecture, maillage interne, couverture de mots-clés
Méthodologie de développement assisté par IA - prompt engineering a grande échelle (5 328 lignes)
Gestion de projet autonome - priorisation, iterations rapides, livraison solo
Migration WordPress vers CMS headless - extraction et transformation de données

Pour l'entreprise - Impact business

1 383

Contenus SEO

Pages indexables créées (vs 42 sous WordPress)

Pages

Site complet avec 7 layouts et navigation 4 niveaux

Collections CMS

Gestion autonome du contenu via l'admin Payload CMS

Environnements

Test (auto-deploy), Staging, Production

Les Lendemains du Projet

Ce qui s'est passe après la livraison et état actuel

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

Points forts

Velocite de développement exceptionnelle
129 000+ lignes de code en 41 jours - soit plus de 3 000 lignes/jour en moyenne grâce àu développement assisté par IA. La combinaison Claude Code + Gemini a multiplie la productivité par un facteur estime x3 a x4.
Stack technique moderne et cohérente
Next.js 16 + React 19 + Payload CMS v3 + TypeScript strict - le CMS intégré directement dans Next.js elimine la complexité microservices tout en maximisant la productivité.
Stratégie SEO ambitieuse et bien executee
1 383 contenus crees avec un système de vérification intégré (not-verified / ai-verified / human-verified) permettant une montee en qualité progressive. Le glossaire et les guides creent un maillage interne dense.
Infrastructure professionnelle
Terraform pour le DNS, CI/CD GitHub Actions a 5 jobs, 3 environnements distincts, scripts de déploiement robustes avec confirmation de sécurité pour la production.
Design system complet
59 shadcn/ui + 147 composants custom + 24 types de blocs de contenu - offrant une flexibilite editoriale tout en maintenant la cohérence visuelle.

Points d'amélioration

Couverture de tests insuffisante
Seulement 8 fichiers de tests (6 unitaires + 2 E2E) pour 129 000 lignes de code. Les routes API critiques (contact, devis, paiement Stripe) meritent des tests exhaustifs.
Contenu IA non verifie
Le volume massif de contenu généré par IA (664 guides, 471 termes) représente un risque de qualité. Le système de vérification existe mais la revue humaine resté à faire.
Workflow branche unique
Tout le développement sur main sans branches de feature - acceptable pour un développeur solo mais limité la scalabilité en équipe.
Pas de versioning semantique
Aucun tag git ou release, rendant difficile le suivi des versions déployées en production.

Ce que j'aurais fait différemment

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

Enseignements durables

L'IA comme multiplicateur de force

Un développeur senior assisté par IA peut produire un site de 129K lignes en 41 jours. La clé est d'utiliser l'IA pour le volume (génération de contenu, scaffolding) tout en gardant le contrôle humain sur l'architecture et les décisions structurantes.

CMS headless intégré > CMS decouple

L'intégration de Payload CMS directement dans Next.js elimine la latence réseau, simplifie le déploiement et permet le typage TypeScript de bout en bout - bien plus productif qu'une architecture decouplee pour un projet de cette taille.

Infrastructure as Code des le jour 1

Terraform pour le DNS et les scripts de déploiement structures rendent l'infrastructure reproductible et documentée - un investissement qui paie immédiatement.

Le contenu SEO est un actif stratégique

1 383 contenus indexables représentent un avantage concurrentiel durable. Même si la qualité individuelle est perfectible, le volume et la couverture thematique creent un avantage structurel.

Architecture

Parcours associe

Experience professionnelle liee a cette realisation

ACCENSEO - CTO & Fondateur

Parcours

Société de conseil et développement informatique offrant des services complets : développement logiciel sur mesure, intégration de systèmes, infrastructure cloud, hébergement de bases de données et conseil technique. Accompagnement des PME et ETI dans la transformation de leur SI en avantage concurrentiel.