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.

Fevereiro - Marco 2026

41 dias

Fundador & CTO - Desenvolvedor solo

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

MCR - Plataforma Food Truck & Conceitos Moveis

Fevereiro - Marco 2026

41 dias

Fundador & CTO - Desenvolvedor solo

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

Linhas de codigo

129,371

TypeScript (modo estrito)

Paginas

Next.js App Router

Conteudos SEO

1,383

Conteudos indexaveis

Tabelas no banco

133

Incluindo 46 de versionamento

Apresentacao

Definicao e escopo do projeto

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.

Dominio

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

Usuarios-alvo

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

Escopo funcional (7 secoes)

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

Objetivos, Contexto, Desafios & Riscos

Visao estrategica e restricoes

Objetivos

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)

Contexto

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.

Desafios

Visibilidade SEO

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

Conversao de leads

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

Imagem da marca

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

Riscos identificados

Risco SEO

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

Qualidade do conteudo IA

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

Restricoes de infraestrutura

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

Complexidade multi-API

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

Cronograma do projeto - 41 dias do primeiro ao ultimo commit

Phase 1

Fundacoes

10-12 fev.

Setup Next.js 16 + Payload CMS v3 + 56 componentes shadcn/ui em 3 dias
Modelo de dados CMS completo: 15 colecoes, 4 globals, 24 tipos de blocos de conteudo
Todas as paginas publicas + roteamento API + configuracao TypeScript estrito
Docker Compose para PostgreSQL 16 local + Mailpit para testes de email

Phase 2

Conteudo & SEO

14-27 fev.

Design system completo com tipografia Futura PT, favicons, tokens de cor
Auditoria SEO completa e otimizacoes PageSpeed (LCP, fontes, imagens, bundles)
Calendario editorial + integracao 4 APIs IA para geracao de conteudo
207 termos de glossario gerados e otimizados para SEO
Painel admin com editor Lexical rich text do Payload CMS

Phase 3

Infraestrutura & Migracao

2-9 mar.

Infraestrutura Terraform DNS para 6 dominios via API OVH
Migracao WordPress: 42 artigos importados via script dedicado (import-wp-adverts.ts)
Reformulacao maior do site: novas secoes, navegacao 4 niveis, logos de clientes
24 paginas de locacao/eventos com catalogo detalhado da frota

Phase 4

CI/CD & Producao

12-22 mar.

Pipeline GitHub Actions: 5 jobs (lint, testes, build, E2E, auto-deploy)
Google Analytics 4 + GTM com rastreamento de eventos personalizado
Checkout Stripe para marketplace de veiculos usados
Cloudflare Turnstile anti-spam em todos os formularios + login admin
Geracao de imagens por IA para paginas de produtos

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

Equipe de desenvolvimento

O projeto foi realizado como duo humano + IA: um desenvolvedor senior (Jose 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.

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.

Ator	Contribuicao estimada	Escopo
Jose DA COSTA (humano)	~25% do volume de codigo / ~70% do valor intelectual	Arquitetura, modelagem, infraestrutura, estrategia SEO, prompt engineering (5.328 linhas), relacionamento com cliente, validacao de qualidade
Assistentes IA (Claude, Gemini, ChatGPT)	~75% do volume de codigo / ~30% do valor intelectual	Geracao de componentes, criacao de conteudo (1.383 itens SEO), scaffolding de paginas, boilerplate, setup shadcn/ui

Distribuicao do volume de codigo (linhas produzidas)

Valor intelectual e decisorio

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

Partes interessadas externas

Pierre-Olivier Paris

Proprietario da empresa & administrador CMS - requisitos via gravacoes de voz transcritas por IA

Geoffroy

Contato comercial (agencia Bordeaux) - coordenacao de templates de email

Stripe

Integracao de pagamento para marketplace de veiculos usados

Cloudflare

Protecao anti-spam Turnstile para todos os formularios

4 provedores de IA

Anthropic, OpenAI, Google Gemini, Mistral - geracao de conteudo e criacao de imagens

OVH

Hospedagem VPS, email SMTP, gestao DNS dos dominios

Os Resultados

Impacto para mim e para a empresa

Metricas do codigo

Distribuicao do conteudo SEO (1.383 conteudos)

WordPress vs Next.js+Payload CMS

Composicao do design system (203 componentes)

Velocidade de desenvolvimento (commits por semana)

Para mim - Competencias adquiridas & reforçadas

Competencias tecnicas

Full-stack TypeScript/React/Next.js 16 com Payload CMS v3 em escala de producao (129K linhas)
Desenvolvimento de extensoes Payload CMS personalizadas - criacao de numerosas ferramentas admin sob medida, principalmente utilitarios de geracao de conteudo por IA (texto, descricoes, imagens) utilizando 4 provedores
Modelagem de dados relacionais em grande escala - 133 tabelas PostgreSQL com Drizzle ORM
Integracao IA multi-providers - 4 APIs para geracao de conteudo e criacao de imagens
Infrastructure as Code - Terraform para gestao DNS de 6 dominios
Design de pipeline CI/CD - GitHub Actions com 5 jobs automatizados em 3 ambientes
Arquitetura SEO - 1.383 conteudos indexaveis com dados estruturados e ISR
Integracao e-commerce - checkout Stripe, rastreamento de carrinho abandonado, protecao anti-spam

Competencias funcionais & humanas

Analise de requisitos a partir de gravacoes de voz - transcritas e estruturadas por IA
Estrategia de conteudo SEO - arquitetura, links internos, cobertura de palavras-chave
Metodologia de desenvolvimento assistido por IA - prompt engineering em escala (5.328 linhas)
Gestao de projeto autonoma - priorizacao, iteracoes rapidas, entrega solo
Migracao WordPress para CMS headless - extracao e transformacao de dados

Para a empresa - Impacto nos negocios

1.383

Conteudos SEO

Paginas indexaveis criadas (vs 42 no WordPress)

Paginas

Site completo com 7 layouts e navegacao 4 niveis

Colecoes CMS

Gestao autonoma de conteudo via admin Payload CMS

Ambientes

Teste (auto-deploy), Staging, Producao

Os Desdobramentos do Projeto

O que aconteceu apos a entrega e estado atual

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

Pontos fortes

Velocidade de desenvolvimento excepcional
129.000+ linhas de codigo em 41 dias - uma media de 3.000+ linhas/dia possibilitada pelo desenvolvimento assistido por IA. A combinacao Claude Code + Gemini multiplicou a produtividade por um fator estimado de x3 a x4.
Stack tecnica moderna e coerente
Next.js 16 + React 19 + Payload CMS v3 + TypeScript estrito - o CMS integrado diretamente no Next.js elimina a complexidade de microsservicos enquanto maximiza a produtividade.
Estrategia SEO ambiciosa e bem executada
1.383 conteudos criados com um sistema de verificacao integrado (not-verified / ai-verified / human-verified) permitindo melhoria progressiva da qualidade. O glossario e os guias criam um denso link interno.
Infraestrutura profissional
Terraform para DNS, CI/CD GitHub Actions com 5 jobs, 3 ambientes distintos, scripts de deploy robustos com confirmacao de seguranca para producao.
Design system completo
59 shadcn/ui + 147 componentes custom + 24 tipos de blocos de conteudo - oferecendo flexibilidade editorial mantendo a consistencia visual.

Pontos de melhoria

Cobertura de testes insuficiente
Apenas 8 arquivos de testes (6 unitarios + 2 E2E) para 129.000 linhas de codigo. Rotas API criticas (contato, orcamentos, pagamento Stripe) merecem testes exaustivos.
Conteudo IA nao verificado
O volume massivo de conteudo gerado por IA (664 guias, 471 termos) representa um risco de qualidade. O sistema de verificacao existe mas a revisao humana ainda precisa ser feita.
Workflow de branch unica
Todo o desenvolvimento no main sem branches de feature - aceitavel para um desenvolvedor solo mas limita a escalabilidade com uma equipe.
Sem versionamento semantico
Nenhum tag git ou release, dificultando o rastreamento das versoes implantadas em producao.

O que eu faria diferente

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

Licoes duradouras

IA como multiplicador de forca

Um desenvolvedor senior assistido por IA pode produzir um site de 129K linhas em 41 dias. A chave e usar a IA para volume (geracao de conteudo, scaffolding) mantendo o controle humano sobre arquitetura e decisoes estruturantes.

CMS headless integrado > CMS desacoplado

Integrar o Payload CMS diretamente no Next.js elimina a latencia de rede, simplifica o deploy e permite tipagem TypeScript de ponta a ponta - muito mais produtivo que uma arquitetura desacoplada para este tamanho de projeto.

Infrastructure as Code desde o dia 1

Terraform para DNS e scripts de deploy estruturados tornam a infraestrutura reproduzivel e documentada - um investimento que se paga imediatamente.

Conteudo SEO e um ativo estrategico

1.383 conteudos indexaveis representam uma vantagem competitiva duradoura. Mesmo se a qualidade individual e aprimoravel, o volume e a cobertura tematica criam uma vantagem estrutural.

Architecture

Trajetoria relacionada

Experiencia profissional ligada a esta realizacao

ACCENSEO - CTO & Fundador

Trajetoria

Empresa de consultoria e desenvolvimento de TI fornecendo serviços completos: desenvolvimento de software sob medida, integração de sistemas, infraestrutura em nuvem, hospedagem de bancos de dados e consultoria técnica. Ajudando PMEs e empresas de médio porte a transformar seus sistemas de TI em vantagens competitivas.