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>