Pedra Brilhante
SPA em Vue.js/Nuxt para trading de grãos, integrando dados reais via WordPress como API. Meu primeiro projeto onde toquei a integração, não só o front.
A Pedra Brilhante Cereais é uma trading de grãos — compra de agricultores e cooperativas, transporte próprio, embarque e venda pro mercado interno ou exportação. Diferente dos outros projetos institucionais que eu fazia na K13, esse foi o primeiro onde eu não fiquei só no frontend visual: também toquei a integração — consumindo o WordPress como API dentro de uma SPA em Vue.js/Nuxt.
A integração virou trabalho do front
O time de back-end conseguia transformar o WordPress de um site em API em menos de meia hora. Isso mudou a divisão de trabalho: o tempo que antes era do back pra integrar caiu pro front, que também já estava construindo o site. Passei a fazer as duas coisas.
Foi mais divertido e mais desafiador do que eu esperava — os dados eram reais, mudando o tempo todo pelo admin do WordPress, bem diferente de trabalhar com mock fixo como nos projetos anteriores. Mas também expôs um buraco real no meu conhecimento da época: eu não sabia nada sobre SEO técnico, Google Search Console, performance, Lighthouse, Schema.org, sitemap. Fiz o que eu conhecia — uma SPA — e integrei. Visualmente ficou muito bom; performance, hoje eu sei, ficou horrível. Se esse projeto tivesse os módulos de SEO e performance que o ao.dev tem, seria outra história completamente.
Não foi o primeiro site que fiz em Vue/Nuxt consumindo WordPress como API — mas foi um dos primeiros, e o primeiro onde a integração foi minha responsabilidade, não só o visual.
| Camada | Tecnologia |
|---|---|
| Framework | Vue.js + Nuxt.js (modo SPA, sem SSR) |
| Framework CSS | Bootstrap |
| JavaScript | Swiper.js, core-js |
| Analytics | Google Analytics, Google Tag Manager |
| Dados | WordPress REST API |
| Mapas | Google Maps |
| Anti-spam | reCAPTCHA |
| Ícones | Font Awesome |
Home
Carrossel de hero com fotos reais da operação — silos, frota de caminhões, colheita, produtor no campo. Logo abaixo, um resumo institucional e o fluxo visual do negócio em cinco ícones: agricultores/cooperativas → transporte → embarque dos grãos → mercado interno ou exportação → entrega. Fecha com um carrossel dos clientes que já trabalharam com a empresa — JBS, BRF, Olfar, BSBIOS, entre outros nomes grandes do agronegócio.
Sobre
Missão, visão e cinco valores (determinação, disciplina, disponibilidade, qualidade, ética), seguidos de uma galeria de fotos reais da estrutura — armazéns, silos, pátio de caminhões.
Serviços
Uma página enxuta, focada num serviço só: comercialização de grãos, com o mesmo fluxo de cinco etapas da home e um CTA direto de orçamento via WhatsApp.
Blog
Grid de posts com paginação — e esse blog é a prova viva da integração via API: continua recebendo conteúdo novo anos depois de eu ter saído do projeto, sem eu ter tocado em uma linha de código. Preço de commodity, prevenção de doença na lavoura, missão comercial internacional — conteúdo que o time de marketing publica direto no WordPress, sem depender de mim pra nada.
Contato
Formulário simples (nome, e-mail, telefone, mensagem), botão de WhatsApp e mapa — Google Maps e Waze lado a lado dessa vez, diferente da Planta Sul que só tinha Waze.