Construindo um blog com Cloudflare Pages

O primeiro passo na configuração do novo blog envolveu a escolha de uma ferramenta para gerar conteúdo estático. Dado meu interesse por poucas imagens e interatividade limitada, busquei uma solução preparada para entregar conteúdo leve e com pegada digital reduzida. Funcionalidades básicas como Modo Escuro e URLs de posts personalizáveis eram essenciais. Além disso, compatibilidade com serviços de publicação contemporâneos era uma prioridade para evitar lidar com complexidades de infraestrutura.

Engine

Com os requisitos em mente, acabei optando pelo engine Astro, achando-o o mais simples de configurar e que se alinhava perfeitamente com um tema focado em acessibilidade que renderizava o conteúdo exatamente como desejado. Além disso, demonstrou potencial para evolução — um fator crucial. A capacidade de usar TypeScript despertou meu interesse, pois é uma linguagem que realmente quero aprender, especialmente dado que seu criador também desenvolveu minha primeira linguagem de programação (Pascal / Anders Hejlsberg).

Durante os testes, o desempenho da página rendeu uma pontuação de 91 para mobile e um perfeito 100 para desktop — um ponto de partida promissor. O único ponto negativo para a pontuação mobile foram as fontes personalizadas, que levaram a alguma degradação de desempenho.

O processo de criação em si é notavelmente simples, seguindo os passos descritos no site deles. Um pequeno inconveniente foi a falta de uma opção para aplicar um template após a criação do projeto. Tive que começar do zero passando o template como parâmetro durante a configuração. No entanto, os passos seguintes envolveram ajustar dados dentro do config.ts e adicionar meu conteúdo. Trabalhar com os arquivos foi direto; estou usando o JetBrains Fleet como meu editor, e ele se mostrou mais do que suficiente para as tarefas com desempenho aceitável.

Um novo Domínio e outros serviços

Com interesse em explorar a plataforma Cloudflare e entender melhor seus produtos (sou funcionário, embora em um domínio de produto diferente), optei pela ferramenta Registrar para registrar o domínio — uma experiência buscada por muitos desenvolvedores:

Simples e eficaz

Em questão de minutos, registrei este domínio, e a razão por trás da escolha desta ferramenta ficará evidente em breve.

Em seguida, criar um repositório no GitHub — seguindo os passos foi muito fácil. Optar por um repositório privado, já que não tinha intenção de torná-lo público, mostrou-se simples. Há também a opção do GitLab, que pretendo explorar no futuro por curiosidade (tive experiência extensa com GitLab e estabeleci uma conexão com ele). Agora, é só colocar tudo para funcionar.

Cloudflare Pages

Depois de ter tudo configurado, criar minha página foi muito fácil. Com o projeto e os arquivos markdown no repositório, é tão simples quanto navegar até o dashboard e indicar que você quer configurar uma nova aplicação Cloudflare Pages. Ele pede para integrar com sua conta GitHub, e uma vez feito isso, selecionei o tipo de projeto como Astro, e todos os campos foram convenientemente pré-preenchidos.

Embora possa parecer um pouco complexo na descrição, realmente envolveu responder uma série de perguntas. Essencialmente, o projeto se configura sozinho, gerando uma URL temporária para verificação. Honestamente, o processo de configuração levou cerca de 10 minutos, e eu já consegui compartilhar uma URL com um amigo.

Agora, vem a parte crucial: como meu domínio está no Cloudflare Registrar, eu só precisei ir à configuração do Pages e solicitar o uso de um domínio personalizado. Selecioná-lo foi tudo o que foi preciso, e em 12 minutos – durante intervalos verificando se meu filho estava acordado ou não – o blog estava no ar e funcionando.

Migrar o conteúdo antigo

Tive um pouco de trabalho pela frente, pois queria migrar algum conteúdo antigo que criei há 7 anos em várias plataformas de blog para este projeto. Fiz isso manualmente, aproveitando a oportunidade para remover seções que não me atraíam mais e simplificar sua formatação. Este processo também serviu como um exercício para entender como publicar dentro da plataforma.

Extra

Aproveitei a oportunidade para explorar outro produto, um que realmente despertou minha curiosidade e deveria chamar a atenção de todos – Web Analytics. Ele usa dados de acesso sem depender de um framework ou implementação de página. Apesar de ter uma audiência limitada, ver os números atualizarem me deixou nada menos que impressionado. Ter acesso a esses dados com apenas um prompt para ativar é nada menos que incrível.

Resultados

Estou envolvido com aplicações web há bastante tempo, embora não tanto nos últimos anos devido ao meu foco em desenvolvimento iOS e, no máximo, construção de APIs. No entanto, quando comecei com PHP, usávamos servidores compartilhados e FTP. Já configurei Apache e NGINX em plataformas VPS como DigitalOcean e AWS EC2, então já passei pelo processo de configurar aplicações em ambientes diversos.

Cloudflare Pages é uma maneira direta de publicar um site. É projetado para desenvolvedores, e até mesmo aqueles com conhecimento básico de web podem compreender cada passo. Não pretende ser um Wix; é uma ferramenta feita para desenvolvedores, e acredito que oferece uma experiência confortável.

Até agora, minha avaliação é que a experiência e o serviço são altamente interessantes. Estou planejando explorar Workers para construir APIs e pequenos serviços para aplicativos mobile.

Obrigado,

Rodrigo