SEO Configuration

The boilerplate is SEO optimized. You can customize the title, description, and open graph data for each page, and the blog can also dynamically generate metadata information based on the frontmatter.

For regular pages, update the metadata variable:

export const metadata: Metadata = {
  title: "Blog Home Page",
  description: "Lorem ipsum dolor...",
  openGraph: {
    title: "Blog Home Page",
    description: "Lorem ipsum dolor...",
    url: "https://example.com",
    siteName: "My Site",
    images: [{ url: "https://example.com/og.png" }],
  },
};

For blog pages, update the frontmatter:

---
title: "This is the Blog Post Title"
description: "Also include a short description"
date: "2025-06-23"
ogImage:
  url: "https://....png"
---