---
title: "Plateforme Food Truck & Concepts Mobiles - fabricant français (MCR)"
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/plateforme-food-truck-concepts-mobiles"
source: "https://portfolio.josedacosta.info/fr/realisations/plateforme-food-truck-concepts-mobiles.md"
html_source: "https://portfolio.josedacosta.info/fr/realisations/plateforme-food-truck-concepts-mobiles"
author: "José DA COSTA"
date: "2026"
type: "achievement"
slug: "plateforme-food-truck-concepts-mobiles"
tags: ["Next.js 16", "TypeScript", "Payload CMS v3", "PostgreSQL", "Tailwind CSS 4", "Stripe", "Terraform", "GitHub Actions", "4 AI APIs"]
generated_at: "2026-04-24T08:30:32.719Z"
---

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

**Date:** Février - Mars 2026  
**Durée:** 41 jours  
**Rôle:** Fondateur & CTO - Développeur solo  
**Technologies:** Next.js 16, TypeScript, Payload CMS v3, PostgreSQL, Tailwind CSS 4, Stripe, Terraform, GitHub Actions, 4 AI APIs

### Indicateurs clés

- 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_

### 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

### Savoir-faire - Ateliers & Expertise

- 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

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

### Périmètre fonctionnel

## Objectifs, Contexte, Enjeux & Risques

_Vision stratégique et contraintes_

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

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

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

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

### Enjeux

### Risques identifiés

## Les Étapes - Ce que j'ai fait

_Phases chronologiques et contributions personnelles_

### 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

### 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

### 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

### 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

Chronologie du projet

## Les Acteurs - Les Interactions

_Équipe, parties prenantes et dynamiques de collaboration_

### Équipe de développement

### Parties prenantes externes

- Pierre-Olivier P. - Dirigeant & admin CMS
- Geoffroy - Commercial agence Bordeaux
- Stripe - Paiements marketplace
- Cloudflare - Anti-spam Turnstile
- Fournisseurs IA - Génération multi-providers de contenu et images
- OVH - VPS, SMTP, DNS

**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

## Les Résultats

_Impact pour moi et pour l'entreprise_

### Distribution du contenu SEO (1 383 contenus)

### 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

- 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

### 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

### Pour l'entreprise - Impact business

### Volume de contenu CMS par collection

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

## Compétences mobilisées

_Compétences techniques et humaines appliquées_

- **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 Full-Stack** - 129K lignes livrées en frontend, backend, admin, extensions CMS et outillage IA - 78 pages, 54 routes API, 133 tables
- **Adaptabilité & Agilité d'Apprentissage** - Développement assisté par IA mobilisé à l'échelle production - productivité multipliée par x3 à x4 sur 41 jours, première mise en œuvre complète de ce workflow en solo
- **Gestion de Projet** - Plateforme livrée en 41 jours en solo - des briefs en enregistrements vocaux jusqu'à la production, avec suivi client, priorisation et maîtrise du périmètre
- **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
- **Database Design & Administration** - Schéma PostgreSQL 133 tables modelé via les collections Payload CMS et Drizzle ORM, dont 46 tables de versioning

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

## Galerie d'images

_Captures et visuels du projet_

## 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**