--- title: "Plataforma Food Truck & Conceitos Móveis - fabricante francês (MCR)" description: "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." locale: "pt" canonical: "https://portfolio.josedacosta.info/pt/realizacoes/plateforme-food-truck-concepts-mobiles" source: "https://portfolio.josedacosta.info/pt/realizacoes/plateforme-food-truck-concepts-mobiles.md" html_source: "https://portfolio.josedacosta.info/pt/realizacoes/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:33:31.870Z" --- # 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. **Data:** Fevereiro - Março 2026 **Duração:** 41 dias **Função:** Fundador & CTO - Desenvolvedor solo **Tecnologias:** Next.js 16, TypeScript, Payload CMS v3, PostgreSQL, Tailwind CSS 4, Stripe, Terraform, GitHub Actions, 4 AI APIs ### Indicadores-chave - Linhas de código: **-** - TypeScript (modo estrito) - Páginas: **-** - Next.js App Router - Conteúdos SEO: **-** - Conteúdos indexáveis - Tabelas no banco: **-** - Incluindo 46 de versionamento ## Apresentação _Definição e escopo 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 ### Expertise - Oficinas & Competências - 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 **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. ### Escopo funcional ## Objetivos, Contexto, Desafios & Riscos _Visão estratégica e restrições_ ### 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. ### 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 ### 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. ### 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) ### Desafios ### Riscos identificados ## As Etapas - O que eu fiz _Fases cronológicas e contribuições pessoais_ ### 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 ### 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 ### 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 ### 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 Cronograma do projeto ## Os Atores - As Interações _Equipe, partes interessadas e dinâmicas de colaboração_ ### Equipe de desenvolvimento ### Partes interessadas externas - Pierre-Olivier P. - Proprietário & admin CMS - Geoffroy - Contato comercial Bordeaux - Stripe - Pagamentos do marketplace - Cloudflare - Anti-spam Turnstile - Provedores de IA - Geração multi-provedor de conteúdo e imagens - OVH - VPS, SMTP, DNS **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 ## Os Resultados _Impacto para mim e para a empresa_ ### Distribuição do conteúdo SEO (1.383 conteúdos) ### 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 - 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 ### 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 ### Para a empresa - Impacto nos negócios ### Volume de conteúdo CMS por coleção ## 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. ## Competências aplicadas _Competências técnicas e humanas aplicadas_ - **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 Full-Stack** - 129K linhas entregues em frontend, backend, admin, extensões CMS e ferramentas de IA - 78 páginas, 54 endpoints API, 133 tabelas - **Adaptabilidade e Agilidade de Aprendizagem** - Desenvolvimento assistido por IA mobilizado em escala de produção - produtividade multiplicada por x3 a x4 ao longo de 41 dias, primeira adoção completa deste workflow em solo - **Gestão de Projetos** - Plataforma entregue em 41 dias em solo - dos briefs em gravações de voz até produção, com acompanhamento do cliente, priorização e controle de escopo - **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 - **Database Design & Administration** - Schema PostgreSQL de 133 tabelas modelado via coleções Payload CMS e Drizzle ORM, incluindo 46 tabelas de versionamento ## 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. ## Galeria de imagens _Capturas e visuais do projeto_ ## 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**