Guia Astro
15 posts nesta série
Uma trilha Astro para sites de conteúdo e ferramentas: Content Collections, rotas, componentes, performance e deploy.
O que é Astro? Entenda em 3 minutos o zero JS, a arquitetura de ilhas e o foco em conteúdo
Astro é um framework focado em conteúdo que usa zero JavaScript por padrão e uma arquitetura de ilhas. Entenda seus princípios, as diferenças em relação a Next.js e React e quando vale a pena usá-lo.
Como criar um blog com Astro do zero: guia completo da página inicial à implantação em 1 hora
Aprenda passo a passo a criar um blog pessoal com Astro, desde a preparação do ambiente até a implantação. Inclui página inicial, lista de artigos, categorias por tags, feed RSS e otimização de SEO. Um guia amigável para iniciantes montarem um blog pronto para produção em até 1 hora.
Astro Content Collections: do conceito à validação de Schema
Entenda como o Astro Content Collections funciona, configure o content.config.ts do zero e use Zod para validar conteúdo com segurança de tipos, exemplos completos e soluções para erros comuns.
Astro Markdown e MDX avançados: 7 técnicas para um blog mais profissional
Aprenda recursos avançados de Markdown e MDX no Astro: temas do Shiki, componentes personalizados, fórmulas com KaTeX, diagramas Mermaid e destaque de linhas de código.
Os 5 melhores temas Astro para blogs, com tutorial completo de instalação
Quer criar um blog rapidamente, mas não sabe qual tema escolher? Conheça 5 temas Astro testados — como AstroPaper e Astro Air Blog — com instalação detalhada, configuração e soluções para problemas comuns.
Guia de configuração de i18n no Astro: crie um site multilíngue em 30 minutos (com seletor de idioma)
Aprenda a configurar i18n no Astro em 30 minutos, da configuração básica ao seletor de idioma. Inclui exemplos completos de código, comparação de estratégias de rotas, solução com Content Collections e dicas de SEO.
Astro View Transitions: 2 linhas de código para deixar seu site tão fluido quanto um app
A View Transitions API oferece transições de página com aparência nativa em sites Astro, sem React ou Vue. Com apenas 2 linhas de código, você cria uma experiência fluida como a de uma SPA. Este guia inclui um exemplo prático completo e boas práticas.
Guia completo de Astro SSR: ative a renderização no servidor em 3 passos
Não sabe quando usar Astro SSR ou como configurar os adaptadores? Aprenda a ativar SSR em 3 passos, configurar Vercel, Netlify e Node.js e combinar SSR, SSG e modo Hybrid em 30 minutos.
Astro vs Next.js: a verdade técnica por trás de sites estáticos até 40% mais rápidos
Uma comparação detalhada entre Astro e Next.js em desempenho, recursos e ecossistema para sites estáticos. O Astro pode ser 40% mais rápido e enviar 90% menos JavaScript, enquanto o Next.js se destaca em conteúdo dinâmico e no ecossistema React. Inclui testes de desempenho, árvore de decisão e guia de implantação.
Guia completo para criar um blog com Astro: do zero ao seu ativo digital de longo prazo
Um guia completo para criar um blog de alto desempenho com Astro, da escolha da tecnologia e estrutura do projeto ao SEO e à operação de conteúdo, evitando o abandono e construindo um ativo digital sustentável.
Falha no build do Astro? Diagnostique estas 7 causas comuns em 5 minutos
Seu build do Astro falhou e você não sabe por quê? Este guia reúne os 7 cenários de erro mais comuns, um processo sistemático de diagnóstico em 5 etapas e soluções práticas para resolver 90% dos problemas em 5 a 10 minutos.
Guia completo de otimização de imagens no Astro: 5 técnicas práticas para acelerar seu site em 50%
Um guia prático de todo o processo de otimização de imagens no Astro: configuração do componente Image, escolha entre WebP e AVIF, estratégia de carregamento adiado e integração com a CDN da Cloudflare. Inclui exemplos completos de código para reduzir o carregamento inicial de 6 segundos para 1,8 segundo e elevar a nota do Lighthouse a 95.
Como adicionar busca com Pagefind a um blog Astro: guia completo, gratuito, rápido e com suporte a chinês
Aprenda passo a passo a adicionar busca de texto completo gratuita e rápida a um blog Astro com o Pagefind. Com suporte a chinês, índice inferior a 100 KB e configuração em 10 minutos, é uma alternativa mais econômica e simples ao Algolia.
Como migrar do Hugo, Hexo ou Next.js para o Astro: guia detalhado para concluir em 3 dias
Quer migrar do Hugo, Hexo ou Next.js para o Astro? Este guia completo aborda os três frameworks, com etapas detalhadas, problemas comuns e boas práticas para fazer a migração em 1 a 3 dias, melhorar bastante o desempenho e preservar o SEO.
Como integrar comentários em um blog Astro: guia completo de Giscus, Waline e Twikoo
Quer adicionar comentários ao seu blog Astro, mas não sabe se escolhe Giscus, Waline ou Twikoo? Este guia prático compara os três principais sistemas, mostra o código de integração com Astro e resolve problemas de compatibilidade com View Transitions em apenas 10 minutos.
