Criando Blog Pessoal no GitHub Pages

Eu estava à procura de uma solução simples e, de preferência, gratuita para criar um blog pessoal. Inicialmente, pensei em usar Angular como frontend e algum headless CMS para gerenciar o backend. Contudo, apesar de parecer uma solução prática, percebi que não era tão simples quanto eu imaginava. Eu precisava de algo que me proporcionasse total liberdade para escrever e editar o conteúdo das publicações. Foi então que surgiu a ideia de usar Markdown para criar os posts.

Pesquisei na web por ferramentas que atendessem a essas necessidades e encontrei diversas soluções baseadas em Next.js. Decidi, então, criar meu blog com Next.js e comecei a editar os posts diretamente no formato Markdown.

Com o blog funcionando, resolvi tentar algo semelhante, mas utilizando Angular. Experimentei o SSG (Static Site Generation), mas não aprofundei muito. No final, optei por uma solução baseada em SPA (Single Page Application), que, na minha visão, ficou mais simples de gerenciar.

Criei uma estrutura convencional em Angular e utilizei o HttpClient para buscar os arquivos Markdown. Para converter o conteúdo em páginas HTML, uso a biblioteca marked e aplico alguns outros processamentos adicionais.

Também adicionei scripts Node.js com prefixo pre para processar todos os posts antes do deploy. Esses scripts geram um arquivo JSON que auxilia na criação de menus, cards e links para a aplicação. Entretanto, o conteúdo de cada publicação permanece armazenado em Markdown, garantindo a flexibilidade e simplicidade que eu buscava.

Essa abordagem me permitiu criar um blog que é fácil de gerenciar, personalizável e atende completamente às minhas necessidades.

---

Os links dos respositórios.

Next: https://github.com/emanueldsc/emanueldsc.github.io
Aplicação: https://emanueldsc.github.io/

App Angular https://github.com/emanueldsc/lore
Aplicação: https://emanueldsc.github.io/lore/