Minha página pessoal [v1.0]

Como desenvolvedor, senti a necessidade de um espaço onde pudesse compartilhar minhas ideias e reflexões; depender de uma plataforma de terceiros não me parecia a opção certa.

O problema

De todos, o maior sem sombra de dúvidas foi ser um desenvolvedor com maior afinidade com o backend do que com o front. Não que quando você desenvolve no backend não precise se preocupar com a experiência do usuário (UX), mas no front ela se torna requisito obrigatório, além de ser o primeiro ponto de interação do usuário com seu produto/serviço.

Como desenvolvedor, senti a necessidade de um espaço onde pudesse compartilhar minhas ideias e reflexões; depender de uma plataforma de terceiros não me parecia a opção certa.

O que fiz

Projetei e desenvolvi todo o site por conta própria, abrangendo a interface, a configuração multilíngue, a integração com o sistema de gerenciamento de conteúdo e a busca de artigos.

Tomei três decisões técnicas principais:

  • Conteúdo multi-idioma: Utilizei recursos do Next.js e a biblioteca next-intl para que cada página seja disponibilizada em inglês ou português a partir da raiz do meu domínio.
  • Gerenciamento de conteúdo: Integrei o Sanity como CMS para poder publicar conteúdo sem precisar realizar um novo deploy.
  • Pesquisa de artigos: Combinei a API Sanity com índices Algolia para potencializar a pesquisa e a filtragem.

Por que fiz desse jeito?

Fiz três escolhas que, cada uma, evitam trabalho extra. Para o site multilíngue, utilizei Next.js com next-intl em vez de manter aplicações separadas em inglês e português em subdomínios distintos; assim, cada página é exibida no idioma do visitante a partir da raiz do meu domínio. Quanto ao conteúdo, migrei de arquivos Markdown e textos inseridos diretamente no código React — o que exigia um novo deploy a cada alteração — para o Sanity. Sua configuração simples e API poderosa permitem publicar sem a necessidade de deploy, além de viabilizarem o suporte a múltiplos idiomas. Para a funcionalidade de busca, integrei o Sanity ao Algolia, dispensando a criação manual de consultas GROQ e componentes de exibição de resultados. Isso me permitiu implementar buscas e filtros na página de artigos com muito menos linhas de código, funcionando perfeitamente em ambos os idiomas.

O que aprendi

Este projeto me ensinou muita coisa, além de hard skills, mas também soft skills como uma melhoria significativa da minha gestão de tempo. Foi um ótimo objeto de aprendizado e que me fez entender melhor como aplicações frontend funcionam no geral, além disso como é importante ter APIs bem documentadas e estruturadas.

Capturas de tela

11capturas de tela

ronilsonalves.webp
ronilsonalves-art.webp

Veja também