Astro quiz

Test your Astro knowledge with a free interactive quiz — 20 questions with answers and explanations. No signup needed to play.

How does data/props flow into an `.astro` component's frontmatter, and where can that logic execute?

1. How does data/props flow into an `.astro` component's frontmatter, and where can that logic execute?
2. What is "islands architecture" as implemented by Astro?
3. What are Astro's rendering modes — "static" (SSG) versus "server" (SSR) — and how is the choice made?
4. What is Astro's View Transitions API support (`<ClientRouter />` / the transitions integration) used for?
5. What does Astro's hybrid rendering (`output: "hybrid"`, since merged into per-page `prerender` control) allow within a single project?
6. What is `client:only="react"` used for, and how does it differ from `client:load`?
7. What is the purpose of Astro's built-in `<slot />` element inside an `.astro` component?
8. What is Astro's Content Collections feature used for?
9. What is the difference between `client:load`, `client:idle`, and `client:visible`?
10. What is the role of an Astro "integration" (e.g. `@astrojs/tailwind`, `@astrojs/react`)?
11. What is significant about Astro supporting multiple UI frameworks (React, Vue, Svelte, Solid) within the same project?
12. What does `getStaticPaths()` do in an Astro dynamic route file, e.g. `src/pages/blog/[slug].astro`?

More quizzes