Como lançar rapidamente um site de apresentação flexível por $0 sem experiência em desenvolvimento web: um equilíbrio entre flexibilidade e simplicidade

O surgimento da ideia e os requisitos iniciais

Sou desenvolvedor de aplicativos móveis. Sobre desenvolvimento web, tenho apenas conhecimentos superficiais e nenhuma prática anterior. Quando surgiu a ideia fixa de finalmente levar meus aplicativos ao lançamento no Google Play, pensei imediatamente em como fazer meu próprio site de apresentação, onde estariam as informações sobre todos os meus projetos. Ao mesmo tempo, eu não queria gastar um tempo significativo na criação ou manutenção, nem agora nem no futuro, e os requisitos para o site não eram dos mais simples. Desde o início, eu sabia exatamente o que precisava do site. No entanto, não queria criar algo pesado: mentalmente, eu estava disposto a escrever manualmente algumas abstrações para simplificar a publicação de artigos, mas não queria lidar com a configuração de algo tão volumoso quanto um CMS convencional com módulos e soluções semelhantes.

Por isso, aqui estão os critérios que amadureceram e por que os formulei dessa forma:

• Mínimo esforço de desenvolvimento e suporte, com customização flexível: inicialmente eu queria templates, mas nos quais eu pudesse “dar uma olhada por baixo do capô” e implementar o que fosse necessário, e não apenas o que o sistema permitisse;
• Configuração amigável para SEO: sempre quis que o site funcionasse como um gerador de tráfego para os meus aplicativos móveis;
• Suporte a Markdown: eu sabia que precisaria da capacidade de criar um template para transformar meus pensamentos em formato de texto, já que codificar do zero (mesmo que fosse apenas copiando e colando cada página) é um sofrimento;
• Suporte fácil para multi-idioma: aqui, novamente, como no ponto anterior — a ideia de tráfego. Por que não cobrir buscas em outros idiomas que teoricamente podem ser menos competitivos?
• Quanto menor o custo, melhor: não era um critério obrigatório, mas é sempre um bônus agradável, especialmente para desenvolvedores indie.

Pesquisa de opções e a escolha do Astro e Cloudflare Pages

Serei breve aqui e não mencionarei especificamente tudo o que testei: vários sites de cartões de visita e geradores de templates. Os planos gratuitos se mostraram muito limitados: em alguns não havia gestão de SEO, em outros você percebia logo que não chegaria a lugar nenhum sem comprar um plano. Mas o principal motivo para descartar as opções de geração de templates foi que a mecânica de criação não me satisfez. Em algumas variantes, não era óbvio nem como criar uma página básica. Em parte, talvez eu estivesse sem paciência para pesquisar a fundo, mas subconscientemente havia um pensamento: “Mesmo não sendo um desenvolvedor web e sabendo pouco sobre essa área, e se eu usasse um assistente de IA e tentasse criar abstrações convenientes para manter uma estrutura de template que fosse útil para mim e minhas tarefas?”. Havia o receio de me atolar no lado técnico e acabar falhando com a ideia, por encontrar incertezas que demorassem a ser resolvidas, perdendo a motivação (acho que muitos conhecem esse medo de perder a motivação).

E então, em uma das noites discutindo opções com a IA, me foi sugerida a opção do Astro e Cloudflare Pages.

Como testei a combinação Astro e Cloudflare Pages

Conversando com a IA, percebi que essa combinação satisfazia totalmente meus critérios e até mais. As principais vantagens que vieram como bônus:

1. Nada de confusão com Docker, build do projeto e deploy: você dá ao Cloudflare Pages acesso ao repositório git, faz um push na branch master e o serviço cuida do build e da implantação. Ou seja, após o push, você não precisa fazer absolutamente nada.
2. Verificação local: verificar o que você fez localmente é feito literalmente com um único comando. Verificou, testou, push novamente.

A conclusão do meu teste dessa combinação: meus requisitos e objetivos foram cumpridos, posso continuar avançando nessa direção. O rascunho do meu site com a primeira estrutura ficou pronto literalmente em uma noite.

Astro e meus critérios

Não vou repetir os elogios sobre este framework que são facilmente encontrados no Google, apenas descreverei como o Astro resolveu meus problemas pessoais:

• Mínimo esforço e customização flexível: o rascunho do site, feito às pressas, foi gerado em uma noite.
• Configuração de SEO: no Astro, toda a página por padrão é HTML puro e, como consequência, todo o SEO está nas minhas mãos.
• Suporte a Markdown: o Astro implementa isso de forma excelente. É possível criar uma estrutura com uma página web template e definir separadamente as condições mínimas para exibir o conteúdo que será puxado de arquivos md ou mdx. Para criar uma nova página no futuro, basta criar apenas o arquivo md. Nada de cópia e cola de HTML.
• Multilíngue: implementado no Astro através do mecanismo i18n. Basta organizar a estrutura corretamente em nível de pastas. Cheguei ao ponto de armazenar as strings de cada página em um array no formato JSON. A tradução de arquivos markdown também é suportada — basta definir a estrutura.
• Custo: o Cloudflare Pages se mostrou um mecanismo com limites generosos no plano gratuito (até 500 builds por mês). Como resultado, paguei apenas pelo domínio.

Considerando a velocidade do desenvolvimento web, o Astro e o Cloudflare Pages certamente não são as únicas soluções do tipo. Simplesmente, em uma noite, aconteceu o “match”, meus pedidos foram atendidos e era tudo o que eu precisava. Se você tem objetivos semelhantes, recomendo com certeza.

Conselhos

Um pouco sobre o que me arrependi ou o que não considerei de imediato (pensamentos para quem está mergulhando na web pela primeira vez):

1. Planeje a estrutura com antecedência: antes de colocar a mão no código, é melhor desenhar o site em algum editor para entender a hierarquia das páginas.
2. Unificação de componentes: pense antecipadamente no que será um componente repetitivo (cabeçalho, rodapé, botões). Pense no formato de design system para evitar refatoração e perda de tempo extraindo estilos comuns depois.
3. Multilíngue: entenda o que são as tags canônicas (canonical tags) para que os robôs de busca não se confundam com as versões traduzidas.

Conclusão

Na minha opinião, mesmo sem experiência em desenvolvimento web, com a combinação Astro e Cloudflare Pages é possível criar sites flexíveis e poderosos. Com ferramentas de IA, a maioria dos problemas hoje é absolutamente resolvível. E o que é importante para muitos — será gratuito (exceto pelo custo do domínio, que considero um investimento justificado).