KTBR

Catálogo técnico em velocidade de headless

A vitrine da KTBR é um Next.js na Vercel conversando com a VTEX por um BFF próprio: home, categorias, páginas de produto e busca renderizadas no servidor, com cache em Redis na frente das APIs. O checkout, os meios de pagamento e o antifraude continuam na VTEX, intactos.

Para um catálogo de ferramentas — cheio de voltagens, amperagens e variações — a grade de cada produto é montada já no servidor, sem tela vazia esperando JavaScript carregar.

Home e campanhas nas mãos do time

A home é montada por sections editáveis do VTEX Headless CMS: banners, vitrines e blocos de campanha que o time da marca publica sem depender de deploy. As metatags das páginas de coleção também viraram campos editáveis no CMS.

Landing pages de campanha ganharam rota própria (/lp), criadas e publicadas direto pelo CMS — a operação lança promoção sem abrir chamado.

Busca que encontra a ferramenta certa

A busca e as vitrines rodam sobre o VTEX Intelligent Search, com sugestões desde o primeiro acesso combinando os mais vendidos e os termos mais procurados da loja — essencial quando o cliente procura por código, modelo ou aplicação.

A telemetria completa do Intelligent Search foi implementada, dos eventos de navegação à conversão — é o que faz a relevância da busca melhorar sozinha com o uso.

E quem não sabe o nome técnico da peça tem o Imediata Personal Shopper na loja: um assistente com IA que entende a necessidade descrita em linguagem natural — ou até uma foto da ferramenta — e leva o cliente ao produto certo do catálogo.

SEO e Google Shopping sem produto de fora

As páginas de produto publicam JSON-LD com avaliações — as estrelas aparecem no resultado do Google. O sitemap lê a fonte oficial da VTEX, e o feed do Google Shopping foi corrigido para cobrir o catálogo completo, sem o corte que deixava quase metade dos produtos fora do canal.

O robots foi ajustado para o Googlebot renderizar as páginas de categoria por completo — o que o Google vê é o mesmo HTML que o cliente vê.

Segurança e resiliência no BFF

Nenhuma chave da VTEX chega ao navegador: todas as chamadas passam pelo BFF, com BotID protegendo as rotas de catálogo e busca contra scraping e abuso. O carrinho usa a cadeia completa por uniqueId — sem os erros clássicos de item trocado.

Uma suíte de testes E2E cobre os fluxos críticos da loja, e o cache com fallback garante que uma instabilidade da plataforma não vire tela em branco.

O que ficou entregue