diff --git a/packages/hub/src/app/(frontpage)/loading.tsx b/packages/hub/src/app/(frontpage)/loading.tsx
new file mode 100644
index 0000000000..702e460f6c
--- /dev/null
+++ b/packages/hub/src/app/(frontpage)/loading.tsx
@@ -0,0 +1,5 @@
+import Skeleton from "react-loading-skeleton";
+
+export default function Loading() {
+  return <Skeleton count={10} height={24} />;
+}