Voltar para projects
05 de jan. de 2024
4 min read

Meu Website Antigo

Website pessoal criado do zero com Jekyll e GitHub Pages, priorizando performance, simplicidade e compartilhamento de conhecimento.

Capa

🌐 Sobre o projeto

Este foi o meu primeiro site pessoal, desenvolvido totalmente do zero com o objetivo de:

  • Compartilhar aprendizados e conteúdos técnicos
  • Apresentar meus projetos e habilidades como desenvolvedor
  • Construir um portfólio público e versionado

Foi uma experiência transformadora, tanto técnica quanto pessoal, pois me ensinou muito sobre deploy, versionamento e boas práticas de desenvolvimento web.


🛠️ Como foi desenvolvido

A stack utilizada foi simples e eficiente:

  • Jekyll como gerador de site estático
  • HTML5, CSS3 e Javascript para estrutura, estilo e interações
  • Markdown para produção de conteúdo
  • GitHub Pages para hospedagem
  • GitHub Actions para automação do deploy
  • Domínio personalizado, com configuração de DNS

O site era rápido, responsivo e totalmente automatizado.


💡 Escolha das tecnologias

Apesar da popularidade de frameworks como React ou Vue, optei por usar o Jekyll pelos seguintes motivos:

  • Sites estáticos são mais rápidos, seguros e econômicos
  • Jekyll é simples, direto e tem uma comunidade ativa
  • Ideal para blogs e portfólios, sem overhead desnecessário
  • Integração nativa com GitHub Pages, facilitando o deploy

Essa escolha me permitiu focar mais no conteúdo e na estrutura do site, sem perder tempo com configurações complexas.


📚 Aprendizados

Esse projeto foi essencial para o meu crescimento técnico. Alguns dos principais aprendizados foram:

  • Configuração e manutenção de um domínio personalizado
  • Uso do GitHub Actions para CI/CD automatizado
  • Controle completo da estrutura e responsividade
  • Criação de um blog com Markdown
  • Boas práticas de acessibilidade e performance

Além disso, enfrentei (e resolvi) diversos desafios típicos de quem constrói tudo do zero.


🧠 Experiência de desenvolvimento

Este projeto foi uma mistura de frustração, orgulho e aprendizado.

Meu objetivo inicial era simples: “Ter um site para apresentar meus projetos, contar brevemente minha trajetória e, quem sabe, publicar alguns artigos.” Consegui isso, mas logo senti as limitações da stack: queria incluir snippets de código com destaque, imagens com lazy-loading, artigos paginados, suporte a múltiplos idiomas, entre outras funcionalidades que exigiriam um esforço desproporcional em um site estático.

Fiz literalmente tudo do zero, desde o index.html até as cores, animações, responsividade e cada detalhe do CSS. Um dos maiores desafios foi configurar e conectar o domínio personalizado, além de melhorar o SEO, integrar com o Google Analytics e automatizar o deploy com uma pipeline no GitHub Actions.

Cheguei até a criar uma integração com a API do Dev.to para publicar automaticamente os artigos, um aprendizado que rendeu até uma contribuição para o open source (escrevi sobre isso aqui).

Apesar dos avanços, muitas ideias ficaram pelo caminho, como mostra esse board:

imagem-board

Fiz mais de X tarefas, deixei algumas em andamento e outras tantas ficaram apenas no planejamento, por pura exaustão ou pela complexidade envolvida.


🔁 Transição para o novo site

Com o tempo, percebi que fazia mais sentido utilizar um template moderno e focar em conteúdo e backend, minhas verdadeiras áreas de interesse. O novo site, que você está visitando agora, foi criado com o template Astro Sphere e adaptado às minhas necessidades.

Hoje, meu foco está em desenvolvimento backend e arquitetura de software, e não fazia mais sentido manter um site 100% feito à mão apenas pela estética. Se meu objetivo fosse seguir carreira em UX/UI, talvez valesse a pena. Mas nesse momento, ser funcional e escalável fala mais alto.


🔮 Próximos passos

O antigo site ainda tinha várias ideias em andamento, que eram controladas pela aba Projects do GitHub. No entanto, decidi descontinuá-lo para dar lugar a este novo espaço, mais bonito, funcional e com mais liberdade para escrever no meu blog.


Esse projeto representa muito mais do que linhas de código: foi o início da minha autonomia como desenvolvedor.

🚧 Seção de comentários em construção 🚧