diff --git a/src/app/loading.tsx b/src/app/loading.tsx
new file mode 100644
index 00000000..1ae6b757
--- /dev/null
+++ b/src/app/loading.tsx
@@ -0,0 +1 @@
+export { default } from '@/components/PageSpinner';
diff --git a/src/components/PageSpinner.tsx b/src/components/PageSpinner.tsx
new file mode 100644
index 00000000..cd4c99af
--- /dev/null
+++ b/src/components/PageSpinner.tsx
@@ -0,0 +1,19 @@
+import clsx from 'clsx/lite';
+import Spinner from './Spinner';
+import SiteGrid from './SiteGrid';
+
+export default function PageSpinner() {
+  return (
+    <SiteGrid contentMain={
+      <div className={clsx(
+        'flex justify-center items-center',
+        'w-full min-h-[20rem] sm:min-h-[30rem]',
+      )}>
+        <Spinner
+          size={24}
+          color="light-gray"
+        />
+      </div>
+    } />
+  );
+}
\ No newline at end of file