Playing around with options for base structure and navigation

src/pages/experience/[id].astro

@@ -1,18 +0,0 @@
----
-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 experiences = await getCollection('experiences');
-    return experiences.map(experience => ({
-        params: {id: experience.id},
-        props: {experience: experience},
-    }));
-}
-// 2. For your template, you can get the entry directly from the prop
-const {experience} = Astro.props;
-const {Content} = await render(experience);
----
-<BaseLayout title={experience.id}>
-    <Content/>
-</BaseLayout>

src/pages/experience/spacex-avionics-test-engineer-intern.astro

@@ -0,0 +1,6 @@
+---
+import BaseLayout from '../../layouts/BaseLayout.astro';
+---
+
+<BaseLayout>
+</BaseLayout>

src/pages/experience/spacex-hardware-test-engineer.astro

@@ -0,0 +1,6 @@
+---
+import BaseLayout from '../../layouts/BaseLayout.astro';
+---
+
+<BaseLayout>
+</BaseLayout>