The most important thing to know about Astro components is that they don’t render on the client. Astro components can even contain an entire page layout.
At other times, an Astro component may contain a smaller snippet of HTML, like a collection of common tags that make SEO easy to work with. Often, an Astro component will contain some reusable UI on the page, like a header or a profile card.
astro.Īstro components are extremely flexible. You can spot an Astro component by its file extension. They are HTML-only templating components with no client-side runtime. Astro components are the basic building blocks of any Astro project.