Huge number of changes, upgrade to next 15, add loads of pages, auth, add ci, loads of clean up, a db for images etc

src/app/(root)/posts/[...slug]/page.tsx

@@ -1,32 +1,24 @@
 import { glob } from "glob";
+import dynamic from "next/dynamic";
 
-// type postMdx = {
-//   metadata: {
-//     title: string,
-//     date: string,
-//     coverImage: string,
-//     blurb: string,
-//     shortBlurb: string,
-//     tags: string[]
-//   }
-// }
+export const dynamicParams = false;
 
 export async function generateStaticParams(): Promise<{slug: string[]}[]> {
-  const posts = await glob(`src/markdown/posts/[...slug]/**/*.mdx`, {
+  const posts = await glob(`${process.cwd()}/src/markdown/posts/[[]...slug[]]/**/*.mdx`, {
     nodir: true,
   });
 
   const slugs = posts.map((post) => ({
-    slug: post.replace('src/markdown/posts/[...slug]/', '').replace(/\.mdx$/, '').split('/')
+    slug: [post.split('/').at(-1)!.slice(0, -4)]
   }));
 
   return slugs;
 }
 
-export default function Post({params}: {params: { slug: string[] }}): React.JSX.Element {
+export default async function Post({params}: {params: { slug: string[] }}): Promise<React.JSX.Element> {
+  const mdxFile = await import(`../../../../markdown/posts/[...slug]/${params.slug.join('/')}.mdx`)
+  const Post = dynamic(async () => mdxFile);
   return (
-    <>
-      {params.slug}
-    </>
+    <Post/>
   );
 }