Pedra Brilhante
Vue.js/Nuxt SPA for a grain trading company, integrating real data via WordPress as an API. My first project where I owned the integration, not just the frontend.
Pedra Brilhante Cereais is a grain trading company — buying from farmers and cooperatives, running its own transport fleet, shipping and selling to the domestic market or for export. Unlike the other institutional projects I built at K13, this was the first one where I didn't just stay on the visual frontend — I also owned the integration, consuming WordPress as an API inside a Vue.js/Nuxt SPA.
The integration became frontend work
The backend team could turn a site's WordPress into an API in under half an hour. That shifted the division of labor: the time that used to belong to backend for integration fell onto frontend, which was already building the site. I started doing both.
It was more fun and more challenging than I expected — the data was real, changing constantly through the WordPress admin, very different from working with fixed mocks like on earlier projects. But it also exposed a real gap in what I knew at the time: I didn't know anything about technical SEO, Google Search Console, performance, Lighthouse, Schema.org, sitemaps. I built what I knew — an SPA — and integrated it. Visually it turned out great; performance, I know now, was terrible. If this project had the SEO and performance modules ao.dev has, it would be a completely different story.
It wasn't the first site I built in Vue/Nuxt consuming WordPress as an API — but it was one of the early ones, and the first where the integration was my responsibility, not just the visuals.
| Layer | Technology |
|---|---|
| Framework | Vue.js + Nuxt.js (SPA mode, no SSR) |
| CSS framework | Bootstrap |
| JavaScript | Swiper.js, core-js |
| Analytics | Google Analytics, Google Tag Manager |
| Data | WordPress REST API |
| Maps | Google Maps |
| Anti-spam | reCAPTCHA |
| Icons | Font Awesome |
Home
A hero carousel with real photos of the operation — silos, the truck fleet, harvest, a farmer in the field. Right below, an institutional summary and the business flow visualized in five icons: farmers/cooperatives → transport → grain shipment → domestic market or export → delivery. It closes with a carousel of clients the company has worked with — JBS, BRF, Olfar, BSBIOS, among other big names in Brazilian agribusiness.
About
Mission, vision, and five values (determination, discipline, availability, quality, ethics), followed by a photo gallery of the real facility — warehouses, silos, the truck yard.
Services
A lean page focused on a single service: grain trading, with the same five-step flow from the home page and a direct WhatsApp quote CTA.
Blog
A paginated grid of posts — and this blog is living proof the API integration worked: it keeps getting new content years after I left the project, without me touching a single line of code. Commodity prices, crop disease prevention, international trade missions — content the marketing team publishes straight to WordPress, with zero dependency on me.
Contact
A simple form (name, email, phone, message), a WhatsApp button, and a map — Google Maps and Waze side by side this time, unlike Planta Sul, which only had Waze.