Diário disléxico: Agora com meu próprio domínio
Refiz o meu blog: implementei do zero com Jekyll, Tailwind, Turbo Frame (do pacote Hotwire Turbo) e deploy com o Netlify. Mais para frente eu pretendo lançar um passo-a-passo ou tutorial do que eu fiz, quem sabe até disponibilizar um template com este conjunto de ferramentas devidamente configuradas, sob alguma uma licença OpenSource.
Contexto e motivação
Há um tempo já que venho pensando em ter o meu próprio domínio com alguma espécie de
currículo/portfólio. Em meados de Dezembro de 2020, aproveitei o Github Pages
para montar um blog/diário, sem nenhuma pretensão de divulgação, apenas com intuito de me
forçar estimular a ter alguma organização e foco no que eu vinha estudando e desenvolvendo.
Como escrevi no meu primeiro post, eu sempre invejei (no bom sentido) os blogs sobre programação, seja os com extensos e valiosos tutoriais ou mesmo os com pequenos, e tão valiosos quanto, artigos do tipo TIL - “Today I Learned”. Agora eu tenho meu humilde cantinho tecnológico.
Desenvolvimento
Eu basicamente segui o
passo-a-passo
de Giorgi Mzrnsh, no qual consiste em criar um site
em branco com Jekyll através da flag --blank e configurar o
jekyll-postcss e o Tailwind. Isso
não foi exatamente trivial, dei varias cabeçadas bobas do tipo mudar a estrutura de pastas e
esquecer de incluir na chave content do arquivo tailwind.config.js, entre outras.
Outro crédito importante que não posso deixar de mencionar é para Max Chadwick que adaptou os temas CSS de syntax highlighter do projeto Pygments CSS para atender o padrão WCAG de acessibilidade.
Como disse inicialmente, pretendo lançar um template com tudo que fiz aqui. Até lá o código deste blog está disponível neste repositório.
Proximos passos
Depois de todo trabalho que tive criando esse layout, responsivo diga-se de passagem, ainda tenho mais algumas ambições:
- Aposentar meu antigo Github Pages, deixando apenas redirecionamentos dos posts para aqui.
- Configurar multi-idioma para complementar meus estudos com a língua inglesa e dar uma cara de “internacional”, já que se trata de um portfólio também;
- Adicionar algumas funcionalidades com JS como smooth scroll para links internos da postagem, menu lateral etc. Quem sabe eu aproveito o pacote Hotwire e utilizo o Stimulus;
- Implementar a opção dark mode, da qual o Tailwind já possui cobertura.
- Continuar escrevendo aqui, claro.
Por agora, é isso.
