Page: /{slug}

src/layouts/PostLayout.astro

@@ -35,6 +35,6 @@ const { author } = siteConfig
 
 <style lang="css">
   .post {
-    @apply grid grid-cols-1 mx-auto my-8 p-4 max-w-5xl;
+    @apply grid grid-cols-1 mx-auto my-8 p-4 xl:px-0 max-w-5xl;
   }
 </style>

src/pages/[slug].astro

@@ -0,0 +1,26 @@
+---
+import { CollectionEntry, getCollection } from 'astro:content'
+
+import PostLayout from '@/layouts/PostLayout.astro'
+
+export async function getStaticPaths() {
+  const allPosts = await getCollection('leetcode-solutions')
+  return allPosts.map((entry) => ({
+    params: {
+      slug: entry.slug,
+    },
+    props: {
+      entry,
+    },
+  }))
+}
+
+type Props = CollectionEntry<'leetcode-solutions'>
+
+const { entry } = Astro.props
+const { Content } = await entry.render()
+---
+
+<PostLayout frontmatter={entry.data}>
+  <Content />
+</PostLayout>