diff --git a/src/app/posts/[slug]/loding.tsx b/src/app/posts/[slug]/loding.tsx
new file mode 100644
index 0000000..4c2f053
--- /dev/null
+++ b/src/app/posts/[slug]/loding.tsx
@@ -0,0 +1,9 @@
+import { Loader2 } from 'lucide-react';
+
+export default function Loading() {
+  return (
+    <div className="flex justify-center items-center h-screen">
+      <Loader2 className="animate-spin text-blue-500" size={40} />
+    </div>
+  );
+}
\ No newline at end of file