Improved tagging

src/pages/project/[id].astro

@@ -1,17 +1,18 @@
 ---
-import { getCollection, render } from 'astro:content';
+import {getCollection, render} from 'astro:content';
+import BaseLayout from "../../layouts/BaseLayout.astro";
 // 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: { project: project },
+        params: {id: project.id},
+        props: {project: project},
     }));
 }
 // 2. For your template, you can get the entry directly from the prop
-const { project } = Astro.props;
-const { Content } = await render(project);
-
+const {project} = Astro.props;
+const {Content} = await render(project);
 ---
-<h1>{project.id}</h1>
-<Content />
+<BaseLayout title={project.id}>
+    <Content/>
+</BaseLayout>