O desenvolvimento Web hoje em dia tornou-se muito complicado graças aos criadores de milhares de novas maneiras de fazer a mesma coisa. Nos primeiros dias do desenvolvimento web ele tinha PHP e jQuery que faziam praticamente tudo que precisávamos. Mas bem, as coisas mudaram agora.

Longa história curta

Então, eu estava procurando uma maneira de construir meu site pessoal. Que teria alguns blogs e a vitrine do meu projeto, é isso, não é grande coisa, certo? Bem, embora a mesma coisa também. Então, meu pensamento inicial foi usá-los como minha pilha de tecnologia

• Reagir
• Firebase/Supabase
• CSS do Tailwind
• Páginas Cloudflare para implantação

Bem, este poderia ser o final feliz, mas... ?

Como já afirmei, vou precisar de uma seção de blog e, ironicamente, blogs e reações não combinam bem. Já que o React é basicamente para construir WebApps e não sites orientados a conteúdo. Agora quem não sabe o porquê aqui vai um resumo do chatGPT

Por que o React não é adequado para sites orientados a conteúdo

ChatGPT disse,

O React não é ideal para sites orientados a conteúdo, principalmente porque depende da renderização do lado do cliente, o que pode impactar negativamente o SEO e os tempos de carregamento inicial da página. Sites orientados a conteúdo se beneficiam da renderização do lado do servidor (SSR) ou da geração de site estático (SSG), que o React não suporta imediatamente. Ferramentas como Next.js ou Gatsby, que estendem o React, são mais adequadas para essas necessidades.

Próximo alvo: NextJs

Bem, é óbvio que preciso de SSR para o blog, pois queria uma boa indexação pelos mecanismos de busca e visualizações profissionais de links de mídia social. NextJs poderia me dar os dois, mas ainda há um problema, e é meio pessoal.

Veja, eu sempre adorei usar páginas cloudflare e queria continuar com isso, além disso, queria que o roteamento gratuito de e-mail do cloudflare tivesse um endereço de e-mail personalizado anexado ao meu domínio, reduzindo assim o custo.

NextJS na Cloudflare

Tentei implantar o site nextJS em páginas cloudflare por meio de sua documentação oficial. Bem, as coisas não correram bem. Não consegui implantar lá, tentei horas procurando uma solução e nada funcionou. Digamos apenas que nextJS e cloudflare não combinaram bem para mim. Então, se alguém da Vercel ou Cloudflare estiver lendo isso, corrija-me se estiver faltando alguma coisa.

Bem, neste ponto eu estava desesperado e a última opção que tinha era SSG.

Próxima solução: SSG

Agora o SSG é bom e eu entendo a importância aqui. O problema é que nunca trabalhei com SSG antes e existem várias rotas de passagem. Existem coisas como Hugo, Gatsby, Astro blá blá. E provavelmente mais. Agora eu não estava familiarizado com nenhum deles e naquele momento estava tão frustrado que não estava disposto a investir um pouco no aprendizado de uma nova ferramenta para um aplicativo de blog simples. Então eu pensei: foda-se, farei minhas próprias coisas.

Fiquei frustrado (claro haha)
Como estou criando minha própria ferramenta, terei controle total sobre como as páginas serão geradas. Como eles serão.
Gosto de reinventar.
Eu tinha tempo livre para gastar.

Estarei escrevendo em arquivos Palin Markdown
Use python para analisar a redução em HTML simples
Já terei um modelo onde diferentes seções serão injetadas dinamicamente.
Também terei um arquivo de configuração correspondente ao artigo. Então a hierarquia de arquivos ficará assim

articles/
├── art-1
│   ├── art.md
│   └── config.json
├── art-2
│   ├── art.md
│   └── config.json
├── art-3
│   ├── art.md
│   └── config.json
└── art-4
    ├── art.md
    └── config.json

articles/
├── art-1
│   ├── art.md
│   └── config.json
├── art-2
│   ├── art.md
│   └── config.json
├── art-3
│   ├── art.md
│   └── config.json
└── art-4
    ├── art.md
    └── config.json