← Help
Astro
Get started with integrating Mosaic into your Astro project.

Step 1

Define variables in frontmatter and use in head:

---
const title = "Your Page Title";
const ogImage = "https://mosaicimg.com/use?url=yourwebsite.com/your_slug";
---

<html lang="en">
  <head>
    <title>{title}</title>
    <meta property="og:title" content={title} />
    <meta property="og:image" content={ogImage} />
  </head>
  <body>
    <h1>{title}</h1>
  </body>
</html>