Example e2e

src/pages/project/[id].astro

@@ -0,0 +1,17 @@
+---
+import { getCollection, render } from 'astro:content';
+// 1. Generate a new path for every collection entry
+export async function getStaticPaths() {
+    const projects = await getCollection('projects');
+    return projects.map(project => ({
+        params: { id: project.id },
+        props: { post: project },
+    }));
+}
+// 2. For your template, you can get the entry directly from the prop
+const { project } = Astro.props;
+const { Content } = await render(project);
+
+---
+<h1>{project.id}</h1>
+<Content />