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 7 suportar 9 idiomas ― Tradução do blog e arquitetura multilíngue
Registro da internacionalização de um site Astro 7.1.3 + UnoCSS + Cloudflare Pages para 9 idiomas. Cobre todo o processo desde a internacionalização da UI até a tradução do blog e configuração multilíngue do Pages CMS.
Técnicas práticas para melhorar o PageSpeed em sites Astro
Técnicas práticas de otimização para um site com Astro, UnoCSS e Cloudflare Pages. Abrange entrega de CSS, fontes, imagens responsivas, controle de carga do AdSense, carregamento diferido do GA4 e cache.
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.