Reescrevendo meu site do zero e alcançando 100% de performance

Nos últimos dias, decidi aproveitar minhas férias e fazer algo que todo dev adia: reescrever meu próprio site do zero.
O resultado? Uma nova versão do lemon.dev.br, mais rápida, acessível e inteligente — atingindo 100/100 no Lighthouse em Performance, SEO e Acessibilidade.

⸻

Por que reescrever tudo?

Meu site anterior cresceu de forma orgânica, mas acabou se tornando pesado e difícil de manter.
Era hora de aplicar tudo o que aprendi em anos construindo plataformas B2B e B2C:
arquitetura limpa, design system bem definido, automação e foco total em performance.

Além disso, queria que o site representasse quem sou hoje como engenheiro, mentor e criador de conteúdo — com uma experiência fluida, moderna e acessível.

⸻

Stack técnica

O novo lemon.dev.br foi construído com uma base moderna e escalável:
• 🌗 Dark/Light mode com persistência de tema
• 🌍 Internacionalização (i18n) em português e inglês
• 🧠 SEO automático + OG tags + schema.org
• 📈 Plausible Analytics + GA4 para métricas e crescimento
• 🔍 Core Web Vitals ajustados manualmente para pontuação máxima

⸻

Otimizando até o último milissegundo

A meta era clara: 100% no Lighthouse — e para isso, precisei ir além da superfície:
• Code-splitting e lazy loading inteligente
• Imagens otimizadas com next-gen formats (webp/avif)
• Fontes locais com font-display: swap
• Compressão Brotli e caching em headers estáticos
• Pré-renderização (SSG) e fallback dinâmico
• Uso mínimo de dependências e pacotes legados

Cada detalhe foi pensado para reduzir bytes e maximizar fluidez.
O resultado é um site que carrega em menos de 1 segundo, mesmo em 3G.

⸻

Mais que um site, um laboratório

O projeto virou meu laboratório pessoal:
testo novas libs, padrões de acessibilidade e microinterações — tudo com foco em DX (Developer Experience) e UX real.

Também estou documentando o processo para transformar essa base em um boilerplate open source, ajudando outros devs a lançarem seus portfólios e SaaS com a mesma estrutura.

⸻

Quer ver o resultado?

Acesse agora: lemon.dev.br

O site é o reflexo da minha filosofia: código limpo, propósito claro e performance absurda.
Se curtir, compartilha o post ou me chama pra conversar — adoro falar sobre arquitetura, IA e design systems escaláveis.