Contact
Plateforme Food Truck & Concepts Mobiles - fabricant français (MCR)

Plateforme Food Truck & Concepts Mobiles - fabricant français (MCR)

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

Lignes de code

129 371

TypeScript (mode strict)

Pages

78

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 aménagés et concepts mobiles destinés à 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 opère dans un marché de niche à la croisée de plusieurs secteurs : carrosserie/aménagement, 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 consisté à 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 (articles, descriptions produits, création d'images) exploitant 4 fournisseurs IA intégrés. 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

Véhicules de restauration, événementiel B2B, aménagement de véhicules sur mesure, location de concepts mobiles

Utilisateurs cibles

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

Périmètre fonctionnel
Savoir-faire - Ateliers & Expertise
Concepts - Véhicules & Containers
Réalisations - Portfolio de projets
Occasions - Marketplace + Stripe
Location - Flotte événementielle B2B
Ressources - Blog, Guides, Lexique, FAQ
Contact & Devis - Formulaires multi-étapes
Admin - CMS + outils IA

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 grâce à une stratégie de contenu massive : 112 articles, 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
  • Structurer le parcours commercial avec des formulaires de devis multi-étapes routés par agence et un paiement Stripe pour les occasions
  • Industrialiser le déploiement avec une infrastructure CI/CD complète (GitHub Actions, Terraform, VPS OVH, 3 environnements)
Contexte

Le site WordPress existant souffrait de navigation défaillante, mauvais SEO, visuels obsolètes et formulaires de contact génériques. L'entreprise passait de "Mon Camion Resto" vers l'acronyme "MCR" tout en gérant 6 domaines (moncamionresto.com/fr, labeglaise.fr, location-foodtruck.fr, food-trucks.fr, mountain-egg.com). Une migration des 42 articles WordPress existants était également 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 créant 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 routé 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 refléter ce niveau de qualité

Risques identifiés

Risque SEO

Perte potentielle de référencement pendant la migration - atténuée 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é à 8 Go de RAM pour l'ensemble de la stack.

Complexité multi-API

Intégration de 4 APIs d'IA différentes avec des modèles de facturation et limites de débit variables.

Les Étapes - Ce que j'ai fait

Phases chronologiques et contributions personnelles

Chronologie du projet
Phase 1
Fondations
10-12 fev.
  • Mise en place Next.js 16 + Payload CMS v3 + shadcn/ui
  • Modèle de données CMS : 15 collections, 24 types de blocs
  • TypeScript strict, Docker Compose, dev local
Phase 2
Contenu & SEO
14-27 fév.
  • Design system + audit SEO + optimisations PageSpeed
  • Calendrier éditorial + 4 APIs IA pour la génération de contenu
  • Panel admin avec éditeur Lexical rich text
Phase 3
Infrastructure & Migration
2-9 mars
  • Infrastructure Terraform DNS pour 6 domaines via l'API OVH
  • Migration WordPress : 42 articles importés
  • Navigation 4 niveaux + 24 pages location/événementiel
Phase 4
CI/CD & Production
12-22 mars
  • Pipeline GitHub Actions : 5 jobs, auto-deploy
  • GA4 + GTM avec tracking d'événements personnalisés
  • Checkout Stripe pour la marketplace d'occasion
  • Cloudflare Turnstile + génération IA des images produits

Les Acteurs - Les Interactions

Équipe, parties prenantes et dynamiques de collaboration

Équipe de développement

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ésente ~70% de la production intellectuelle du projet - toutes les décisions d'architecture, choix de stack technique, modélisation des données (15 collections, 133 tables), conception de l'infrastructure, stratégie SEO, relation client, prompt engineering et validation finale.

Répartition du volume de code (lignes produites)
Valeur intellectuelle et décisionnelle
Parties prenantes externes
  • Pierre-Olivier P.Dirigeant & admin CMS
  • GeoffroyCommercial agence Bordeaux
  • StripePaiements marketplace
  • CloudflareAnti-spam Turnstile
  • Fournisseurs IAGénération multi-providers de contenu et images
  • OVHVPS, SMTP, DNS

Les Résultats

Impact pour moi et pour l'entreprise

Pour l'entreprise - Impact business

1 383

Contenus SEO

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

78

Pages

Site complet avec 7 layouts et navigation 4 niveaux

15

Collections CMS

Gestion autonome du contenu via l'admin Payload CMS

3

Environnements

Test (auto-deploy), Staging, Production

Métriques du code
Distribution du contenu SEO (1 383 contenus)
WordPress vs Next.js+Payload CMS
Composition du design system (203 composants)
Vélocité de développement (commits par semaine)
Pour moi - Compétences acquises & renforcées

Compétences techniques

  • Full-stack Next.js 16 + Payload CMS v3 à l'échelle production (129K lignes)
  • Extensions Payload CMS sur-mesure pour la génération de contenu par IA
  • Schéma PostgreSQL 133 tables avec Drizzle ORM
  • Intégration IA multi-providers (4 APIs)
  • Terraform IaC pour le DNS de 6 domaines
  • CI/CD : GitHub Actions, 5 jobs, 3 environnements
  • Architecture SEO : 1 383 contenus indexables, ISR

Compétences fonctionnelles & humaines

  • Analyse de cahier des charges à partir d'enregistrements vocaux
  • Stratégie de contenu SEO et maillage interne
  • Développement assisté par IA et prompt engineering
  • Gestion de projet autonome et livraison solo

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. L'admin CMS est accessible et opérationnel pour l'équipe.

À 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 généré par IA est en cours de revue humaine progressive, outillée par le statut de vérification déjà en place côté CMS. Les collections métier critiques (réalisations, véhicules d'occasion, flotte de location) sont structurées et prêtes à être peuplées 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. L'infrastructure est prête pour la production avec SSL, sauvegardes automatisées, CI/CD et monitoring. La plateforme d'automatisation n8n est déployée pour orchestrer les workflows.

Mon Regard Critique

Analyse rétrospective et leçons apprises

Points forts

  • Vélocité de développement exceptionnelle

    3 000 lignes/jour en moyenne sur 6 semaines, productivité x3 à x4 grâce au dev assisté IA.

  • Stack technique moderne et cohérente

    Monolithe full-stack assumé : CMS embarqué dans Next.js, typage TypeScript de bout en bout.

  • Stratégie SEO ambitieuse et bien exécutée

    Maillage dense guides/articles/lexique pour saturer la couverture sémantique du sujet food truck.

  • Infrastructure professionnelle

    Pipeline industriel : IaC, scripts robustes, confirmations de sécurité avant prod.

  • Design system complet

    24 types de blocs : l'équipe marketing compose librement sans jamais casser la cohérence visuelle.

Points d'amélioration

  • Couverture de tests insuffisante

    8 fichiers de tests pour 129K lignes. Les routes API critiques (contact, devis, Stripe) méritent mieux.

  • Pas de versioning sémantique

    Aucun tag git ni release - impossible de tracer les versions déployées en prod.

Ce que j'aurais fait différemment
  • Stratégie de contenu par lots - plutôt que 664 guides d'un coup, valider par paquets pour garantir la qualité
  • Feature flags - déployer progressivement en prod plutôt que tout ou rien
Enseignements durables

L'IA comme multiplicateur de force

L'IA absorbe le volume, l'humain tient l'architecture et les décisions structurantes.

CMS headless intégré > CMS découplé

À cette échelle, le CMS dans l’app bat le découplé : moins de latence, un seul déploiement, un seul modèle typé.

Infrastructure as Code dès le jour 1

DNS, déploiement, environnements en code dès le premier jour - rentabilisé dès la première modif à pousser.

Le contenu SEO est un actif stratégique

Chaque contenu indexable ajouté élargit durablement la surface d'acquisition organique.

Architecture

Parcours associé

Expérience professionnelle liée à cette réalisation

ACCENSEO - CTO & Fondateur

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.

Compétences mobilisées

Compétences techniques et humaines appliquées

Compétences techniques

Architecture & Conception5/5

Architecture & Conception Système

Architecture monolithique full-stack Next.js + Payload CMS v3 + PostgreSQL - 15 collections, 24 blocs de contenu, chaque décision structurelle assumée de bout en bout

Développement logiciel5/5

Développement Full-Stack

129K lignes livrées en frontend, backend, admin, extensions CMS et outillage IA - 78 pages, 54 routes API, 133 tables

DevOps & Cloud4/5

DevOps & CI/CD

Pipeline GitHub Actions industriel (5 jobs), Terraform DNS pour 6 domaines, PM2 sur 3 environnements avec confirmations de sécurité avant production

Tech3/5

Conception de bases de données

Schéma PostgreSQL 133 tables modelé via les collections Payload CMS et Drizzle ORM, dont 46 tables de versioning

Galerie d'images

Captures et visuels du projet

Page d'accueil Mon Camion Resto avec food truck vintage, services d'aménagement sur mesure et menu de navigation
Page d'accueil - Services d'aménagement food truck
Page d'aménagement food truck montrant la personnalisation sur mesure, conformité aux normes et options de style
Aménagement - Food truck sur mesure
Place de marché food trucks d'occasion avec grille de véhicules reconditionnés à vendre de différents modèles
Annonces - Food trucks d'occasion et reconditionnés
Blog Mon Camion Resto avec articles sur les emplacements food truck, formations et tendances du secteur
Blog - Articles et études de cas du secteur
Page contact avec formulaire, agences Paris, Bordeaux et Metz et numéros de téléphone
Contact - Agences multi-villes (Paris, Bordeaux, Metz)
Page lexique et glossaire food truck avec définitions alphabétiques des termes de la restauration ambulante
Lexique - Glossaire food truck de A à Z
Footer avec appel à l'action pour lancer son concept mobile, demande de devis et cartes contact multi-villes
Footer - CTA et contact multi-villes

Besoin d'une plateforme React sur-mesure ?

Je conçois des plateformes Next.js + React avec un CMS entièrement sur-mesure et des outils de génération de contenu par IA (articles, descriptions produits, images) intégrés directement à votre back-office. Parlons de votre projet.

Contactez-moi