Layouts

Create a layout:

---
const { title } = Astro.props;
---
<html>
  <head>
    <title>{title}</title>
  </head>
  <body>
    <header><a href="/">Home</a></header>
    <main>
      <slot />
    </main>
  </body>
  </html>

Use from a page:

---
import BaseLayout from "../layouts/BaseLayout.astro";
---
<BaseLayout title="My Page">
  <h1>Hello</h1>
  <p>Welcome!</p>
</BaseLayout>