Contato
Plataforma Food Truck & Conceitos Móveis - fabricante francês (MCR)

Plataforma Food Truck & Conceitos Móveis - fabricante francês (MCR)

Reformulação completa de um site WordPress em uma plataforma moderna Next.js 16 + Payload CMS v3 para um fabricante francês de food trucks - 129K linhas de código, 78 páginas, 1.383 conteúdos SEO, entregue em 41 dias.

Fevereiro - Março 2026
41 dias
Fundador & CTO - Desenvolvedor solo
Next.js 16React 19TypeScriptPayload CMS v3PostgreSQL 16Tailwind CSS 4shadcn/uiStripeCloudflare TurnstileTerraformGitHub ActionsDockerDrizzle ORM4 AI APIs

Linhas de código

129.371

TypeScript (modo estrito)

Páginas

78

Next.js App Router

Conteúdos SEO

1.383

Conteúdos indexáveis

Tabelas no banco

133

Incluindo 46 de versionamento

Apresentação

Definição e escopo do projeto

Mon Camion Resto (MCR) é a reformulação completa do site vitrine de uma empresa francesa especializada no design, fabricação e personalização de food trucks, reboques, containers convertidos e conceitos móveis para o setor de alimentação ambulante e eventos. O projeto substitui o antigo site WordPress por uma aplicação web moderna construída com Next.js 16 e Payload CMS v3.

A empresa opera em um mercado de nicho na interseção de vários setores: carroceria/conversão de veículos, alimentação profissional, eventos corporativos e locação de conceitos móveis. Atende clientes prestigiosos como Futuroscope, Sodexo, IKEA, France TV, Elior, Charal e Ralph Lauren, com 3 agências físicas na França (Bordeaux, Paris, Metz).

Uma parte significativa do projeto envolveu o desenvolvimento de numerosas extensões personalizadas para o Payload CMS - particularmente ferramentas dedicadas à geração de conteúdo por IA (artigos, descrições de produtos, criação de imagens) utilizando 4 provedores de IA integrados. Esse trabalho de desenvolvimento personalizado na camada CMS provou ser um dos aspectos mais enriquecedores tecnicamente do projeto.

Domínio

Veículos de alimentação, eventos B2B, conversão de veículos sob medida, locação de conceitos móveis

Usuários-alvo

B2B: agências de eventos, marcas, profissionais de alimentação - B2C: empreendedores iniciando um negócio de alimentação móvel

Escopo funcional
Expertise - Oficinas & Competências
Conceitos - Veículos & Containers
Realizações - Portfolio de projetos
Usados - Marketplace + Stripe
Locação - Frota de eventos B2B
Recursos - Blog, Guias, Glossário, FAQ
Contato & Orçamentos - Formulários multi-etapas
Admin - CMS + ferramentas IA

Objetivos, Contexto, Desafios & Riscos

Visão estratégica e restrições

Objetivos
  • Reformular completamente o site WordPress em uma stack moderna (Next.js + Payload CMS) com gestão autônoma de conteúdo
  • Multiplicar a visibilidade SEO com uma estratégia de conteúdo massiva: 112 artigos, 664 guias, 471 termos de glossário
  • Profissionalizar a imagem da marca com um design system coerente (shadcn/ui, 59 componentes) e visuais de qualidade
  • Automatizar a geração de conteúdo via integração de 4 APIs de IA
  • Estruturar o funil comercial com formulários de orçamento multi-etapas roteados por agência e pagamento Stripe para veículos usados
  • Industrializar o deploy com infraestrutura CI/CD completa (GitHub Actions, Terraform, VPS OVH, 3 ambientes)
Contexto

O site WordPress existente sofria de navegação defeituosa, SEO ruim, visuais desatualizados e formulários de contato genéricos. A empresa estava transicionando de "Mon Camion Resto" para o acrônimo "MCR" enquanto gerenciava 6 domínios (moncamionresto.com/fr, labeglaise.fr, location-foodtruck.fr, food-trucks.fr, mountain-egg.com). Uma migração dos 42 artigos WordPress existentes também era necessária.

Desafios

Visibilidade SEO

O site é o principal canal de aquisição - a reformulação deve manter ou melhorar as posições existentes enquanto cria massivamente novo conteúdo

Conversão de leads

Os formulários de orçamento e contato são a espinha dorsal comercial - cada lead deve ser corretamente roteado para a agência certa (Bordeaux, Paris, Metz)

Imagem da marca

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

Riscos identificados

Risco SEO

Perda potencial de posicionamento durante a migração - mitigado pela implementação de redirecionamentos e preservação das URLs legadas via Nginx.

Qualidade do conteúdo IA

Volume massivo de conteúdo gerado por IA (664 guias, 471 termos) necessitando verificação humana - um sistema de status foi implementado (not-verified, ai-verified, human-verified).

Restrições de infraestrutura

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

Complexidade multi-API

Integração de 4 APIs de IA diferentes com modelos de cobrança e limites de taxa variáveis.

As Etapas - O que eu fiz

Fases cronológicas e contribuições pessoais

Cronograma do projeto
Phase 1
Fundações
10-12 fev.
  • Setup Next.js 16 + Payload CMS v3 + shadcn/ui
  • Modelo de dados CMS: 15 coleções, 24 tipos de blocos
  • TypeScript estrito, Docker Compose, dev local
Phase 2
Conteúdo & SEO
14-27 fev.
  • Design system + auditoria SEO + otimizações PageSpeed
  • Calendário editorial + 4 APIs IA para geração de conteúdo
  • Painel admin com editor Lexical rich text
Phase 3
Infraestrutura & Migração
2-9 mar.
  • Infraestrutura Terraform DNS para 6 domínios via API OVH
  • Migração WordPress: 42 artigos importados
  • Navegação 4 níveis + 24 páginas de locação/eventos
Phase 4
CI/CD & Produção
12-22 mar.
  • Pipeline GitHub Actions: 5 jobs, auto-deploy
  • GA4 + GTM com rastreamento de eventos personalizado
  • Checkout Stripe para marketplace de veículos usados
  • Cloudflare Turnstile + geração IA de imagens de produtos

Os Atores - As Interações

Equipe, partes interessadas e dinâmicas de colaboração

Equipe de desenvolvimento

Nuance importante: embora a IA tenha gerado ~75% do volume de código (mega-commits >10K inserções = 79% do total), o valor humano representa ~70% da produção intelectual do projeto - todas as decisões de arquitetura, escolhas de stack técnica, modelagem de dados (15 coleções, 133 tabelas), design de infraestrutura, estratégia SEO, relacionamento com o cliente, prompt engineering e validação final.

Distribuição do volume de código (linhas produzidas)
Valor intelectual e decisório
Partes interessadas externas
  • Pierre-Olivier P.Proprietário & admin CMS
  • GeoffroyContato comercial Bordeaux
  • StripePagamentos do marketplace
  • CloudflareAnti-spam Turnstile
  • Provedores de IAGeração multi-provedor de conteúdo e imagens
  • OVHVPS, SMTP, DNS

Os Resultados

Impacto para mim e para a empresa

Para a empresa - Impacto nos negócios

1.383

Conteúdos SEO

Páginas indexáveis criadas (vs 42 no WordPress)

78

Páginas

Site completo com 7 layouts e navegação 4 níveis

15

Coleções CMS

Gestão autônoma de conteúdo via admin Payload CMS

3

Ambientes

Teste (auto-deploy), Staging, Produção

Métricas do código
Distribuição do conteúdo SEO (1.383 conteúdos)
WordPress vs Next.js+Payload CMS
Composição do design system (203 componentes)
Velocidade de desenvolvimento (commits por semana)
Para mim - Competências adquiridas & reforçadas

Competências técnicas

  • Full-stack Next.js 16 + Payload CMS v3 em escala de produção (129K linhas)
  • Extensões Payload CMS sob medida para geração de conteúdo por IA
  • Schema PostgreSQL 133 tabelas com Drizzle ORM
  • Integração IA multi-provedores (4 APIs)
  • Terraform IaC para DNS de 6 domínios
  • CI/CD: GitHub Actions, 5 jobs, 3 ambientes
  • Arquitetura SEO: 1.383 conteúdos indexáveis, ISR

Competências funcionais & humanas

  • Análise de requisitos a partir de gravações de voz
  • Estratégia de conteúdo SEO e links internos
  • Desenvolvimento assistido por IA e prompt engineering
  • Gestão de projeto autônoma e entrega solo

Os Desdobramentos do Projeto

O que aconteceu após a entrega e estado atual

Futuro imediato: A plataforma foi implantada em um ambiente de produção (production.moncamionresto.com) com dois ambientes adicionais (teste, staging). O ambiente de teste é auto-implantado a cada push no main. O admin CMS está acessível e operacional para a equipe.

A médio prazo: O site está no ar sob um subdomínio temporário enquanto a migração DNS final do antigo site WordPress está pendente. O conteúdo gerado por IA está em revisão humana progressiva, apoiado pelo status de verificação já implementado no CMS. As coleções de negócios críticas (realizações, veículos usados, frota de locação) estão estruturadas e prontas para serem populadas com dados reais.

Estado atual: A plataforma representa um aumento de 33x no conteúdo indexável em comparação ao site WordPress original. A infraestrutura está pronta para produção com SSL, backups automatizados, CI/CD e monitoramento. A plataforma de automação n8n está implantada para orquestrar os workflows.

Minha Reflexão Crítica

Análise retrospectiva e lições aprendidas

Pontos fortes

  • Velocidade de desenvolvimento excepcional

    3.000 linhas/dia em média por 6 semanas, produtividade x3 a x4 graças ao dev assistido por IA.

  • Stack técnica moderna e coerente

    Monolito full-stack assumido: CMS embutido no Next.js, tipagem TypeScript de ponta a ponta.

  • Estratégia SEO ambiciosa e bem executada

    Malha interna densa entre guias, artigos e glossário para saturar a cobertura semântica do tema food truck.

  • Infraestrutura profissional

    Pipeline industrial: IaC, scripts robustos, confirmações de segurança antes da produção.

  • Design system completo

    24 tipos de blocos: a equipe de marketing compõe livremente sem nunca quebrar a consistência visual.

Pontos de melhoria

  • Cobertura de testes insuficiente

    8 arquivos de testes para 129K linhas. Rotas API críticas (contato, orçamentos, Stripe) merecem melhor.

  • Sem versionamento semântico

    Nenhum tag git nem release - impossível rastrear as versões implantadas em produção.

O que eu faria diferente
  • Estratégia de conteúdo em lotes - em vez de 664 guias de uma vez, validar por pacotes para garantir a qualidade
  • Feature flags - deploys progressivos em vez de tudo ou nada em produção
Lições duradouras

IA como multiplicador de força

A IA absorve o volume, o humano mantém o controle da arquitetura e das decisões estruturantes.

CMS headless integrado > CMS desacoplado

Nesta escala, o CMS dentro da app vence o desacoplado: menos latência, um único deploy, um único modelo tipado.

Infrastructure as Code desde o dia 1

DNS, deploy, ambientes em código desde o primeiro dia - se paga já na primeira alteração a enviar.

Conteúdo SEO é um ativo estratégico

Cada novo conteúdo indexável amplia de forma duradoura a superfície de aquisição orgânica.

Architecture

Trajetória relacionada

Experiência profissional ligada a esta realização

ACCENSEO - CTO & Fundador

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.

Competências aplicadas

Competências técnicas e humanas aplicadas

Competências técnicas

Arquitetura & Design5/5

Arquitetura e Design de Sistemas

Arquitetura monolítica full-stack: Next.js App Router + Payload CMS v3 + PostgreSQL - 15 coleções, 24 blocos de conteúdo, cada decisão estrutural assumida de ponta a ponta

Desenvolvimento de software5/5

Desenvolvimento Full-Stack

129K linhas entregues em frontend, backend, admin, extensões CMS e ferramentas de IA - 78 páginas, 54 endpoints API, 133 tabelas

DevOps & Cloud4/5

DevOps e CI/CD

Pipeline GitHub Actions industrial (5 jobs), Terraform DNS para 6 domínios, PM2 em 3 ambientes com confirmações de segurança antes da produção

Tech3/5

Design de Banco de Dados

Schema PostgreSQL de 133 tabelas modelado via coleções Payload CMS e Drizzle ORM, incluindo 46 tabelas de versionamento

Galeria de imagens

Capturas e visuais do projeto

Página inicial Mon Camion Resto com food truck vintage, serviços de customização sob medida e menu de navegação
Página inicial - Serviços de customização food truck
Página de customização food truck mostrando adaptação sob medida, conformidade com normas e opções de estilo
Customização - Food truck sob medida
Marketplace de food trucks usados com grade de veículos recondicionados à venda de vários modelos e estilos
Anúncios - Food trucks usados e recondicionados
Blog Mon Camion Resto com artigos sobre locais para food truck, formação e tendências do setor
Blog - Artigos e estudos de caso do setor
Página de contato com formulário, escritórios em Paris, Bordeaux e Metz e números de telefone
Contato - Escritórios multi-cidade (Paris, Bordeaux, Metz)
Página de glossário food truck com definições alfabéticas dos termos da alimentação ambulante
Glossário - Léxico food truck de A a Z
Footer com chamada para ação para lançar conceito móvel, pedido de orçamento e cartões de contato multi-cidade
Footer - CTA e contato multi-cidade

Precisa de uma plataforma React sob medida ?

Projeto plataformas Next.js + React com um CMS totalmente sob medida e ferramentas de geração de conteúdo por IA (artigos, descrições de produtos, imagens) integradas diretamente ao seu back-office. Vamos conversar sobre seu projeto.

Entrar em contato