Portfólio
Pessoal & Blog

O Desafio

Portfólio construído em React ou Next.js puro costuma sofrer com 'Hydration Mismatch' e payload de JS grande demais para páginas que são, na prática, quase todas estáticas. O desafio era:

• / Garantir pontuação máxima no Lighthouse (Performance e SEO).
• / Criar um CMS 'Headless' local fácil de manter sem depender de banco de dados externo.
• / Manter a tipagem forte (TypeScript) nos dados de conteúdo.

A Solução

Resolvi usando Astro Content Collections: todo dado de conteúdo (experiências, projetos) vira um JSON validado por um schema Zod rígido em tempo de build — se eu errar um campo, o build quebra antes de ir pro ar, não em produção.

const experience = defineCollection({
  loader: glob({ pattern: "**/*.json", base: "./src/content/experience" }),
  schema: z.object({
    company: z.string(),
    role: z.string(),
    rotation: z.array(z.object({
      project: z.string(),
      stack: z.string()
    })).optional()
  })
});