---
// src/pages/docs/[slug].astro
import { getCollection } from 'astro:content';

export async function getStaticPaths() {
  const entries = await getCollection('docs');
  return entries.map((entry) => ({
    params: { slug: entry.slug },
    props: { entry },
  }));
}

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

<h1>{entry.data.title}</h1>
<Content />

<!--
  Notes:
  - entry is received directly through Astro.props, exactly as
    returned from getStaticPaths()'s own props object — no second
    getCollection() or lookup-by-slug call needed inside the page.
  - entry.render() returns a real <Content /> component that renders
    that specific entry's own Markdown body in place.
-->