Test your Astro knowledge with a free interactive quiz — 20 questions with answers and explanations. No signup needed to play.
Question 1/5Score 0
What is the difference between `client:load`, `client:idle`, and `client:visible`?
Questions in this quiz
What is the difference between `client:load`, `client:idle`, and `client:visible`?
What is "islands architecture" as implemented by Astro?
What does the `client:load` directive do when added to a component in an Astro page?
What is Astro's Content Collections feature used for?
What is the purpose of Astro's built-in `<slot />` element inside an `.astro` component?
What is significant about Astro supporting multiple UI frameworks (React, Vue, Svelte, Solid) within the same project?
Why does Astro's zero-JS-by-default approach tend to produce better default performance metrics (like Lighthouge/Core Web Vitals) for content sites than a typical client-rendered SPA?
What is Astro?
What is a common reason a team building a content-heavy marketing site or blog would choose Astro over a full React/Next.js SPA?
How does Astro handle Markdown/MDX files by default?
What are Astro's rendering modes — "static" (SSG) versus "server" (SSR) — and how is the choice made?
How does data/props flow into an `.astro` component's frontmatter, and where can that logic execute?