diff --git a/src/app/blog/[slug]/page.tsx b/src/app/blog/[slug]/page.tsx
new file mode 100644
index 0000000..998fcc0
--- /dev/null
+++ b/src/app/blog/[slug]/page.tsx
@@ -0,0 +1,14 @@
+'use client'
+import { useParams } from 'next/navigation'
+import PublicLayout from '@/components/public/PublicLayout'
+import BlogPostPage from '@/components/public/BlogPostPage'
+
+export default function PostPage() {
+  const params = useParams()
+  const slug = params.slug as string
+  return (
+    <PublicLayout>
+      <BlogPostPage slug={slug} />
+    </PublicLayout>
+  )
+}