Por que escolhemos Astro para o novo Korbi Studio
Performance absoluta sem sacrificar o design. Veja as decisões técnicas por trás do site da Korbi Studio — e por que Astro foi a escolha certa.
Quando decidimos reconstruir o site da Korbi Studio do zero, a premissa era simples: performance absoluta sem sacrificar o design high-end.
Isso descartou rapidamente as opções óbvias — Framer é lindo mas pesa, WordPress é flexível mas cheio de overhead. Queríamos controle total sobre o output e um resultado que chegasse perto de 100/100 no PageSpeed sem gambiarra.
A resposta foi Astro.
O que é Astro e por que importa
Astro é um framework de geração de sites estáticos que parte de um princípio diferente: zero JavaScript por padrão. Enquanto frameworks como Next.js enviam um bundle de JS pra cada página e hidratam tudo no cliente, o Astro entrega HTML puro. JavaScript só entra quando você explicitamente precisar — e só onde precisar.
Isso é chamado de arquitetura de ilhas (islands architecture). Cada componente interativo é uma ilha isolada. O resto da página é HTML estático, sem peso.
Para um site institucional como o da Korbi, onde 90% do conteúdo não precisa de interatividade, isso é ideal.
Tailwind v4 — o CSS que não atrapalha
Junto com Astro, usamos Tailwind v4. A versão 4 trouxe mudanças significativas em relação à anterior:
- Configuração via CSS em vez de
tailwind.config.js - Performance de build dramaticamente mais rápida
- CSS nativo com
@theme, sem geração de classes não utilizadas
O resultado prático: o CSS final do site tem menos de 20kb. Sem purge complexo, sem configuração excessiva.
A stack completa
| Ferramenta | Função |
|---|---|
| Astro v6 | Framework principal |
| Tailwind v4 | Estilos |
| Geist Mono | Tipografia |
| Lenis | Smooth scroll |
| Vercel | Deploy e analytics |
Nada de CMS headless, nada de banco de dados. Conteúdo em arquivos Markdown, deploy automático a cada push no GitHub.
O resultado
O site carrega em menos de 1 segundo na maioria das conexões. As páginas de projeto, que carregam múltiplas imagens em alta resolução, passam por lazy loading nativo com loading="lazy" — sem biblioteca extra.
Performance não é só uma métrica. É parte do produto que entregamos para os clientes. Faz sentido que o nosso próprio site seja um exemplo disso.
Se você está considerando Astro para um projeto, vale a pena. A curva de aprendizado é baixa se você já conhece HTML e CSS, e o ganho de performance é real desde o primeiro deploy.