firq-dev-website/src/pages/blog/[...slug].astro

---
import BlogPost from '@layouts/blogPost.astro'
import { getCollection, render } from 'astro:content'

export async function getStaticPaths() {
  const blogEntries = await getCollection('blog')

  return blogEntries.map((entry) => ({
    params: { slug: entry.id },
    props: { entry },
  }))
}

const { entry } = Astro.props
const { Content } = await render(entry)
---

<BlogPost frontmatter={entry.data}>
  <Content />
</BlogPost>