How to apply astro-seo on blog posts?

[zinc compass]

Hi @west orchid. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:

---

I'm sorry, but the knowledge sources provided do not contain information about using an astro-seo component in Astro. However, you can pass data from your blog posts to your layout using frontmatter and Astro.props.

For example, in your blog post markdown file, you can include frontmatter like this:

---
layout: ../../layouts/BlogPostLayout.astro
title: 'My First Blog Post'
author: 'Astro Learner'
description: 'This is the first post of my new Astro blog.'
---

Then, in your BlogPostLayout.astro file, you can access these frontmatter values like this:

---
const { frontmatter } = Astro.props;
---
<h1>{frontmatter.title}</h1>
<p>Written by {frontmatter.author}</p>
<p>{frontmatter.description}</p>
<slot />

In this way, you can pass data from your blog posts to your layout. If the astro-seo component you mentioned works similarly, you might be able to use this method to pass data to it.

For more information, please refer to the Astro documentation on layouts (https://docs.astro.build/en/tutorial/4-layouts/2#_top) and Astro documentation on Markdown features (https://docs.astro.build/en/guides/markdown-content#markdown-features).

Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:

@west orchid kapa.ai is still learning and improving, please let us know how it did by reacting below