---
title: "MCR - Plataforma Food Truck & Conceitos Moveis"
description: "Reformulacao completa de um site WordPress em uma plataforma moderna Next.js 16 + Payload CMS v3 para um fabricante frances de food trucks - 129K linhas de codigo, 78 paginas, 1.383 conteudos SEO, entregue em 41 dias."
locale: "pt"
canonical: "https://portfolio.josedacosta.info/pt/realizacoes/moncamionresto-plateforme-food-truck"
source: "https://portfolio.josedacosta.info/pt/realizacoes/moncamionresto-plateforme-food-truck.md"
html_source: "https://portfolio.josedacosta.info/pt/realizacoes/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:47:53.984Z"
---

# MCR - Plataforma Food Truck & Conceitos Moveis

Reformulacao completa de um site WordPress em uma plataforma moderna Next.js 16 + Payload CMS v3 para um fabricante frances de food trucks - 129K linhas de codigo, 78 paginas, 1.383 conteudos SEO, entregue em 41 dias.

**Date:** Fevereiro - Marco 2026  
**Duration:** 41 dias  
**Role:** Fundador & CTO - Desenvolvedor solo  
**Technologies:** Next.js 16, TypeScript, Payload CMS v3, PostgreSQL, Tailwind CSS 4, Stripe, Terraform, GitHub Actions, 4 AI APIs

### Key Metrics

- Linhas de codigo: **-** - TypeScript (modo estrito)
- Paginas: **-** - Next.js App Router
- Conteudos SEO: **-** - Conteudos indexaveis
- Tabelas no banco: **-** - Incluindo 46 de versionamento

## Apresentacao

_Definicao e escopo do projeto_

### Domain

Veiculos de alimentacao, eventos B2B, conversao de veiculos sob medida, locacao de conceitos moveis

### Target Users

B2B: agencias de eventos, marcas, profissionais de alimentacao - B2C: empreendedores iniciando um negocio de alimentacao movel

- Expertise - Oficinas & Competencias
- Conceitos - Veiculos & Containers
- Realizacoes - Portfolio de projetos
- Usados - Marketplace + Stripe
- Locacao - Frota de eventos B2B
- Recursos - Blog, Guias, Glossario, FAQ
- Contato & Orcamentos - Formularios multi-etapas

**Content:** **Mon Camion Resto** (MCR) e a **reformulacao completa do site vitrine** de uma empresa francesa especializada no **design, fabricacao e personalizacao de food trucks, reboques, containers convertidos e conceitos moveis** para o setor de alimentacao ambulante e eventos. O projeto substitui o antigo site WordPress por uma aplicacao web moderna construida com Next.js 16 e Payload CMS v3.

A empresa opera em um mercado de nicho na intersecao de varios setores: carroceria/conversao de veiculos, alimentacao profissional, eventos corporativos e locacao de conceitos moveis. Atende clientes prestigiosos como Futuroscope, Sodexo, IKEA, France TV, Elior, Charal e Ralph Lauren, com 3 agencias fisicas na Franca (Bordeaux, Paris, Metz).

Uma parte significativa do projeto envolveu o desenvolvimento de **numerosas extensoes personalizadas para o Payload CMS** - particularmente ferramentas dedicadas a **geracao de conteudo por IA** (artigos, descricoes de produtos, criacao de imagens) utilizando 4 provedores integrados (Claude, OpenAI, Gemini, Mistral). Esse trabalho de desenvolvimento personalizado na camada CMS provou ser um dos aspectos mais enriquecedores tecnicamente do projeto.

**Domain:** Dominio

**Target Users:** Usuarios-alvo

**Functional Scope:** Escopo funcional (7 secoes)

## Objetivos, Contexto, Desafios & Riscos

_Visao estrategica e restricoes_

### Context

O site WordPress existente sofria de **navegacao defeituosa, SEO ruim, visuais desatualizados** e formularios de contato genericos. A empresa estava transicionando de "Mon Camion Resto" para o acronimo "MCR" enquanto gerenciava **6 dominios** (moncamionresto.com/fr, labeglaise.fr, location-foodtruck.fr, food-trucks.fr, mountain-egg.com). Uma migracao dos 42 artigos WordPress existentes tambem era necessaria.

### Stake Seo

O site e o principal canal de aquisicao - a reformulacao deve manter ou melhorar as posicoes existentes enquanto cria massivamente novo conteudo

### Stake Conversion

Os formularios de orcamento e contato sao a espinha dorsal comercial - cada lead deve ser corretamente roteado para a agencia certa (Bordeaux, Paris, Metz)

### Stake Brand

A empresa trabalha com clientes como IKEA, France TV e Ralph Lauren - o site deve refletir esse nivel de qualidade

- Reformular completamente o site WordPress em uma stack moderna (Next.js + Payload CMS) com gestao autonoma de conteudo
- Multiplicar a visibilidade SEO com uma estrategia de conteudo massiva: 112 artigos, 664 guias, 471 termos de glossario
- Profissionalizar a imagem da marca com um design system coerente (shadcn/ui, 59 componentes) e visuais de qualidade
- Automatizar a geracao de conteudo via integracao de 4 APIs de IA (Claude, OpenAI, Gemini, Mistral)
- Estruturar o funil comercial com formularios de orcamento multi-etapas roteados por agencia e pagamento Stripe para veiculos usados
- Industrializar o deploy com infraestrutura CI/CD completa (GitHub Actions, VPS OVH, 3 ambientes)

**Objectives:** Objetivos

**Context:** Contexto

**Stakes:** Desafios

**Stake Seo:** Visibilidade SEO

**Stake Conversion:** Conversao de leads

**Stake Brand:** Imagem da marca

**Risks:** Riscos identificados

**Risk1 Title:** Risco SEO

**Risk1 Desc:** Perda potencial de posicionamento durante a migracao - mitigado pela implementacao de redirecionamentos e preservacao das URLs legadas via Nginx.

**Risk2 Title:** Qualidade do conteudo IA

**Risk2 Desc:** Volume massivo de conteudo gerado por IA (664 guias, 471 termos) necessitando verificacao humana - um sistema de status foi implementado (not-verified, ai-verified, human-verified).

**Risk3 Title:** Restricoes de infraestrutura

**Risk3 Desc:** Hospedagem em um unico VPS OVH com 3 ambientes, limitado a 8 GB de RAM para toda a stack.

**Risk4 Title:** Complexidade multi-API

**Risk4 Desc:** Integracao de 4 APIs de IA diferentes (Anthropic, OpenAI, Google, Mistral) com modelos de cobranca e limites de taxa variaveis.

## As Etapas - O que eu fiz

_Fases cronologicas e contribuicoes pessoais_

- Fundacoes
- Conteudo & SEO
- Infraestrutura & Migracao
- CI/CD & Producao

**Gantt Caption:** Cronograma do projeto - 41 dias do primeiro ao ultimo commit

**Phase1 Period:** 10-12 fev.

**Phase2 Period:** 14-27 fev.

**Phase3 Period:** 2-9 mar.

**Phase4 Period:** 12-22 mar.

**Commit Stats:** 81 commits em 41 dias - pico: 15 commits em 13 de marco (maratona CI/CD)

## Os Atores - As Interacoes

_Equipe, partes interessadas e dinamicas de colaboracao_

**Team Intro:** O projeto foi realizado como **duo humano + IA**: um desenvolvedor senior (José DA COSTA) assistido por agentes de IA (Claude Code, Gemini, ChatGPT). Esse modelo e documentado atraves de 5.328 linhas de prompts sequenciais no arquivo PROMPTS.md do projeto.

**Team Nuance:** **Nuance importante**: Embora a IA tenha gerado ~75% do volume de codigo (mega-commits >10K insercoes = 79% do total), o **valor humano** representa ~70% da producao intelectual do projeto - todas as decisoes de arquitetura, escolhas de stack tecnica, modelagem de dados (15 colecoes, 133 tabelas), design de infraestrutura, estrategia SEO, relacionamento com o cliente, prompt engineering e validacao final.

**Stakeholders:** Partes interessadas externas

**Code Volume Chart:** Distribuicao do volume de codigo (linhas produzidas)

**Intellectual Value Chart:** Valor intelectual e decisorio

**Acceleration Factor:** Fator de aceleracao estimado: x3 a x4 - o que levaria 4 a 6 meses foi entregue em 41 dias

## Os Resultados

_Impacto para mim e para a empresa_

### Seo

Distribuicao do conteudo SEO (1.383 conteudos)

**Codebase Metrics:** Metricas do codigo

**Platform Comparison:** WordPress vs Next.js+Payload CMS

**Design System:** Composicao do design system (203 componentes)

**Dev Velocity:** Velocidade de desenvolvimento (commits por semana)

**For Me:** Para mim - Competencias adquiridas & reforçadas

**Technical Skills:** Competencias tecnicas

**Human Skills:** Competencias funcionais & humanas

**For Company:** Para a empresa - Impacto nos negocios

**Cms Chart:** Volume de conteudo CMS por colecao

## Os Desdobramentos do Projeto

_O que aconteceu apos a entrega e estado atual_

**Content:** **Futuro imediato**: A plataforma foi implantada em um ambiente de producao (production.moncamionresto.com) com dois ambientes adicionais (teste, staging). O ambiente de teste e auto-implantado a cada push no main via CI/CD GitHub Actions. O admin CMS esta acessivel e operacional para a equipe.

**A medio prazo**: O site esta no ar sob um subdominio temporario enquanto a migracao DNS final do antigo site WordPress esta pendente. O conteudo SEO massivo (1.383 itens) precisa de verificacao humana progressiva - o sistema de status de verificacao (not-verified / ai-verified / human-verified) ja esta implementado. As colecoes de negocios criticas (realizacoes, veiculos usados, frota de locacao) estao estruturadas e prontas para serem populadas com dados reais.

**Estado atual**: A plataforma representa um **aumento de 33x no conteudo indexavel** em comparacao ao site WordPress original (1.383 vs 42 itens). A infraestrutura esta pronta para producao com SSL, backups automatizados, CI/CD e monitoramento. A plataforma de automacao n8n esta implantada para automacao de workflows.

## Minha Reflexao Critica

_Analise retrospectiva e licoes aprendidas_

### Would Do Differently

- **Testes desde o inicio** - mesmo solo, testar as rotas API criticas (contato, orcamentos, pagamento Stripe) teria garantido as funcionalidades de negocios essenciais
- **Estrategia de conteudo em lotes** - em vez de 664 guias de uma vez, uma abordagem em lotes com validacao humana entre cada teria garantido a qualidade
- **Feature flags** - um sistema de feature flags teria permitido deploys progressivos em producao sem risco

**Strengths:** Pontos fortes

**Improvements:** Pontos de melhoria

**Would Do Differently:** O que eu faria diferente

**Lessons:** Licoes duradouras