Desenvolvo websites em Astro para empresas que querem páginas rápidas sem manter um servidor PHP. O próprio wppoland.com é feito assim: Astro 7, Tailwind CSS 4, seis idiomas e implementação no Cloudflare Pages. O que descrevo aqui uso-o em produção todos os dias.
Quem sou
Sou o Mariusz Szatkowski (Wikidata) e desenvolvo para WordPress desde 2006. WPPoland é o nome do meu trabalho. Trabalho sozinho, por isso o código que recebe fui eu que o escrevi, e os seus acessos não passam para mais ninguém.
O que ofereço
Websites Astro novos a partir do seu design, migrações do WordPress e do Next.js, Content Collections e MDX, WordPress headless como fonte de conteúdo, trabalho de desempenho e configuração do Cloudflare. O design gráfico e os wireframes são seus, por exemplo num ficheiro Figma.
Onde trabalho
Remoto a partir de Gdynia, na Polónia, uma hora à frente de Lisboa. Comunicamos por email, em documentos escritos e no repositório. Faturo B2B com o NIF europeu PL7393037445.
Preços
Cada projeto tem orçamento próprio: preço fechado para um âmbito definido ou à hora para trabalho contínuo. Envie-me um brief e recebe um orçamento por escrito com os pressupostos.
O que distingue o Astro
Segundo a documentação sobre arquitetura de ilhas, o Astro renderiza cada componente de interface em HTML e CSS e remove automaticamente o JavaScript de cliente. Um componente só fica interativo quando recebe uma diretiva como client:load, client:idle ou client:visible. A navegação, o texto e o rodapé ficam em HTML puro; um campo de pesquisa ou um mapa carregam como ilhas à parte. Na mesma página podem conviver React, Svelte, Vue, Preact e SolidJS.
As Server Islands, com server:defer, tratam o caso inverso: uma parte que tem de ser renderizada no servidor, como um carrinho ou o estado de sessão, enquanto o resto da página fica em cache.
Para aplicações React com App Router, a página certa é programador Next.js. Se o trabalho vai além de um framework, veja programador de software.
Português de Portugal, do Brasil e o mercado ibérico
Muitas empresas portuguesas vendem também para o Brasil ou para Espanha. Na documentação da Google sobre versões localizadas, o valor hreflang é um código de idioma ISO 639-1 com um código de país ISO 3166-1 opcional, e o país sozinho não é aceite. Um site com português europeu e brasileiro leva pt-PT e pt-BR, e uma versão para Espanha leva es-ES. Cada versão tem de apontar para as outras; sem essa ligação de retorno, a Google ignora as etiquetas.
O Astro tem routing i18n integrado. Na configuração defino locales, defaultLocale e, se fizer falta, fallback, para que uma página ainda não adaptada ao português do Brasil seja servida em português europeu. As etiquetas hreflang escrevo-as eu no layout.
Content Collections e MDX
O conteúdo define-se em src/content.config.ts. Os loaders glob() e file() leem ficheiros locais no momento da compilação e o esquema escreve-se com Zod a partir de astro/zod. Se faltar um campo obrigatório num ficheiro, o Astro mostra um erro que indica esse ficheiro. No wppoland.com há milhares de páginas em coleções destas, e é o esquema que mantém o frontmatter igual nos seis idiomas.
Para conteúdo que muda mais vezes do que compila, existem as live collections, que pedem os dados a cada pedido e precisam de um adaptador de renderização a pedido. O MDX permite inserir componentes, como tabelas ou gráficos, no meio de um artigo sem mexer no modelo.
Quando o WordPress continua a ser a escolha certa
Não recomendo o Astro para tudo. O WordPress é melhor quando editores sem perfil técnico publicam diariamente num painel visual, quando um plugin existente já resolve a necessidade ou quando a loja precisa de WooCommerce. Há um meio-termo: WordPress headless. Os editores continuam no WordPress e o Astro lê o conteúdo pela REST API ou pelo WPGraphQL ao compilar.
Como corre uma migração do WordPress ou do Next.js
- Inventário. Listo cada URL, as ligações internas, as imagens, os dados estruturados e as integrações de terceiros, e vejo no Google Search Console que páginas recebem tráfego real.
- Conteúdo. Artigos e páginas passam para Markdown ou MDX com frontmatter tipado. As imagens passam por
<Image />e<Picture />deastro:assets, que geram AVIF e WebP e definem largura e altura para evitar saltos de layout. - Endereços. Se um URL muda, recebe um redirecionamento 301. Testo o mapa antes do lançamento.
- Dados estruturados. A marcação Schema.org gerada por plugins costuma ser genérica. Reescrevo-a para o seu site.
- Medição. Meço os Core Web Vitals antes e depois. Os limiares da Google são LCP até 2,5 segundos, INP de 200 ms ou menos e CLS de 0,1 ou menos, no percentil 75.
Como correu no meu próprio site está no relatório da migração de WordPress para Astro e no estudo de caso do wppoland.com.
Implementação no Cloudflare
Um site Astro estático implementa-se no Cloudflare sem adaptador. Para renderização a pedido existe o @astrojs/cloudflare. A Cloudflare recomenda agora os Workers para projetos novos, e escolho entre Pages e Workers conforme o projeto.
No Pages, cada push para um branch que não é o de produção cria uma pré-visualização num endereço do tipo <branch>.<projeto>.pages.dev. Vê lá a alteração e aprova-a por escrito antes do merge.
Visibilidade em pesquisas com IA
Muitos assistentes de IA não executam JavaScript ao ler uma página; reuni as fontes no artigo sobre assistentes de IA que não executam JavaScript. Um site Astro estático entrega o texto completo na primeira resposta HTML, por isso títulos, parágrafos e dados Schema.org ficam legíveis sem navegador. Posso ainda acrescentar um llms.txt segundo a proposta de llmstxt.org, como o que o wppoland.com tem.
Manutenção depois do lançamento
Atualizo o Astro, o Tailwind e as restantes dependências num branch à parte e testo a alteração na pré-visualização antes de passar para produção. Um site estático não tem base de dados nem painel de administração para atacar, mas o DNS, a configuração do Cloudflare e os scripts de terceiros continuam a precisar de atenção. Não ofereço tempos de resposta garantidos; o âmbito da manutenção fica no contrato.
Contacto
Envie-me o âmbito, o prazo que tem em mente e o endereço do site atual através do formulário de contacto. Recebe por escrito os próximos passos e um orçamento.
A página de serviço de desenvolvedor Astro, mais curta, resume o modelo de colaboração.
