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.
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.
Design técnico para adicionar um chat de IA de contato a um site Astro
Guia prático para adicionar um chat de IA de contato a um site estático Astro + Cloudflare Pages com a OpenAI Responses API. Cobre fronteiras de API, contexto do site, controle de prompt, URLs por locale, verificação de Origin, rate limit e renderização segura de links Markdown.
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.
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.