Motivação: por que criar um site pessoal

Em um mundo dominado por redes sociais, ter um espaço próprio na internet pode parecer antiquado. Mas a verdade é que um site pessoal oferece algo que nenhuma plataforma consegue: controle total.

Aqui eu decido o que mostrar, como mostrar, e não preciso me preocupar com algoritmos ou mudanças de política. É meu cantinho digital.

Objetivos do projeto

Meus objetivos eram simples:

Um lugar para me apresentar: quem sou, o que faço, como me encontrar
Um blog para compartilhar conhecimento: sem depender de plataformas terceiras
Performance de verdade: nada de sites lentos e pesados
Código limpo e organizado: algo que eu tivesse orgulho de mostrar

Stack escolhida

Para quem é da área, aqui vai o resumo da stack:

Tecnologia	Por quê?
Next.js 16	Framework React com renderização no servidor, ótimo para SEO
TypeScript	Código mais seguro e fácil de manter
Tailwind CSS	Estilização rápida e consistente
Shadcn/UI	Componentes bonitos e acessíveis
Bun	Runtime JavaScript ultra-rápido
Biome	Linter e formatter moderno

Escolhi ferramentas modernas para o site rápido, bonito e fácil de atualizar.

Blog em Markdown

Uma das partes que mais gosto é o sistema de blog. Cada post é um arquivo de texto simples (Markdown) que o site transforma automaticamente em uma página.

Isso significa que posso escrever posts de qualquer lugar, sem precisar de um painel administrativo complicado. Abro o arquivo, escrevo, e pronto.

O sistema também:

Calcula o tempo de leitura automaticamente
Gera um sumário com links para cada seção
Formata datas em português
Extrai tags para categorização

Busca inteligente

O blog tem uma busca que vai além do básico. Você pode:

Buscar por título, descrição ou tags
Ativar busca por palavra inteira (útil para termos específicos)
Diferenciar maiúsculas de minúsculas

Tudo isso funciona instantaneamente, sem precisar recarregar a página.

SEO

De nada adianta ter um site se ninguém consegue encontrá-lo. Por isso, implementei várias otimizações para motores de busca:

Sitemap automático: um mapa do site para o Google
Metadata completa: título, descrição e imagens para compartilhamento
Structured data: informações estruturadas que ajudam buscadores a entender o conteúdo
URLs amigáveis: endereços limpos e descritivos

Performance

Sites lentos afastam visitantes. Por isso, cada decisão foi pensada para manter tudo rápido:

Imagens otimizadas automaticamente (WebP e AVIF)
Carregamento sob demanda de conteúdo
CSS mínimo necessário
Zero JavaScript desnecessário

O resultado? Um site que carrega em menos de um segundo.

Aprendizados

Construir esse projeto me ensinou (ou reforçou) algumas lições:

Simplicidade vence: menos código significa menos bugs e mais velocidade
Ferramentas importam: escolher bem economiza tempo no longo prazo
Detalhes fazem diferença: um hover suave, uma animação sutil, tudo contribui para a experiência
Documentar é essencial: código sem documentação é código que você vai esquecer como funciona

Próximos passos

O site está no ar, mas nunca está "pronto". Algumas ideias para o futuro:

Modo claro/escuro automático
Mais posts sobre desenvolvimento
Página de projetos com cases detalhados
Newsletter para quem quiser acompanhar

Conclusão

Criar um site pessoal é um exercício de auto-expressão técnica. É uma chance de mostrar não só o que você sabe fazer, mas como você pensa e resolve problemas.

Se você está pensando em criar o seu, minha dica é: comece simples. Um site básico no ar vale mais que um projeto perfeito que nunca sai do papel.

Tem alguma dúvida sobre como construí o site? Me manda uma mensagem no Instagram. O link estão na homepage.