Como projetar um site Astro + Cloudflare que cresce por funcionalidade
Como combinamos Astro e Cloudflare Pages com chat de contato com IA, Sveltia CMS, blog multilíngue, CTA de serviços, renderização segura de Markdown e comentários sem serviço externo.
Guia prático para adicionar Sveltia CMS a um site Astro ou estático, cobrindo GitHub backend, OAuth Worker, uploads de imagem, operação multilíngue, PRs de CMS e aprendizados reais.
Renderizar links Markdown com segurança em respostas de chat com IA
Nota de implementação sobre converter links Markdown em respostas de IA para HTML seguro. Separar parsing tolerante a espaços, trim de href, allowlist, renderização DOM, fallback e testes torna o padrão reutilizável em outros sites.
Lançamos o portal oficial do Aceserver, um servidor público gratuito de Minecraft ao qual qualquer pessoa pode entrar. Criado com Astro, UnoCSS e Sveltia CMS, ele organiza apresentação do servidor, vídeos, mapas de mundo, Wiki e acesso ao Discord em uma única entrada.
Lançamos o site da Hatt, um site pessoal que reúne ilustrações, romances e criação de avatares e gimmicks para VRChat. Criado com Astro, Sveltia CMS e Pagefind, ele foi desenhado para apoiar a publicação contínua das atividades criativas da Hatt.
Guia de melhoria de qualidade de sites Astro, continuação - Ajustes finais para alcançar 100 em todos os itens do PageSpeed Insights
Registro do ajuste final feito após o artigo anterior: desativação do Cloudflare Web Analytics, carregamento adiado de GA4 e da interface de busca, conquista de 100 em todos os itens do PageSpeed Insights no mobile e no desktop, organização de breadcrumbs e indexação no Search Console, migração para ícones SVG compartilhados e explicação das otimizações extras que foram testadas, mas não adotadas.
Guia de melhoria de qualidade de sites Astro — Caminho até 99 pontos no PageSpeed Mobile
Registro completo de como melhoramos um site com Astro + UnoCSS + Cloudflare Pages nos 4 eixos de desempenho, SEO, acessibilidade e UX, alcançando 99 pontos no PageSpeed Insights mobile e 100 em todos os itens no desktop.
Metodologia prática de Monkey Testing em sites com GitHub Copilot × Playwright
Registro prático de como testamos sistematicamente um site estático usando o modo agente do VS Code (GitHub Copilot) combinado com ferramentas de navegador Playwright. Compartilhamos desde o design dos testes até os bugs descobertos, correções aplicadas e propostas de melhorias.
Armadilhas e soluções do Astro View Transitions — Guia de melhoria de UX e qualidade de código
Guia prático sobre soluções para scripts que param de funcionar com View Transitions do Astro, introdução de busca full-text com Pagefind, melhoria de segurança de tipos com TypeScript e gerenciamento centralizado de constantes, melhorando UX e qualidade de código.
Guia prático para tornar seu site Astro compatível com WCAG AA
Apresentamos todos os passos de melhoria de acessibilidade realizados em um site com Astro + UnoCSS. Abrangemos atributos aria, contraste, gerenciamento de foco, validação de formulários, suporte a leitores de tela e outras medidas necessárias para conformidade WCAG AA.
Guia de melhoria de SEO: Implementando dados estruturados e OGP em site Astro
Compilamos os procedimentos para implementar corretamente dados estruturados JSON-LD, OGP, sitemap e RSS em um site Astro + Cloudflare Pages. Desde suporte a Rich Results do Google até otimização de feed RSS, apresentamos melhorias práticas de SEO.
Como fazer um site Astro 6 suportar 9 idiomas ― Tradução automática de 168 artigos e arquitetura multilíngue
Registro da internacionalização de um site Astro 6 + UnoCSS + Cloudflare Pages para 9 idiomas. Cobre todo o processo desde a internacionalização da UI até a tradução de 168 artigos e configuração multilíngue do Pages CMS.
Técnicas práticas para alcançar 99 pontos no PageSpeed Mobile com site Astro
Apresentamos as técnicas de otimização realizadas para alcançar 99 pontos no PageSpeed Insights Mobile em um site com Astro + UnoCSS + Cloudflare Pages. Estratégia de entrega CSS, armadilhas de configuração de fontes, imagens responsivas, carregamento lazy de AdSense e configuração de cache — técnicas práticas compiladas.
De VitePress para Starlight — Unificação do framework do site de documentação
Registro da migração de um documento de plano de negócios construído com VitePress + UnoCSS para Astro + Starlight, unificando o framework em dois projetos. Também apresentamos a migração da Mermaid para CDN.