Astro Framework Cheat Sheet

Component Script: código JS/TS executado apenas no build.

---
const title = "Astro";
---

Uso de variáveis no template Astro.

<h1>{title}</h1>

Define onde o conteúdo interno de um componente será injetado.

<slot />

Hidrata o componente imediatamente ao carregar a página.

<Component client:load />

Hidrata o componente apenas quando ele entra na viewport.

<Component client:visible />

Busca uma coleção de conteúdo configurada.

import { getCollection } from 'astro:content';

Gera rotas dinâmicas para páginas estáticas.

export async function getStaticPaths() { ... }