diff --git a/web/src/routes/Storage.jsx b/web/src/routes/Storage.jsx
new file mode 100644
index 000000000..7643ac3a6
--- /dev/null
+++ b/web/src/routes/Storage.jsx
@@ -0,0 +1,21 @@
+import { h, Fragment } from 'preact';
+import ActivityIndicator from '../components/ActivityIndicator';
+import Button from '../components/Button';
+import Heading from '../components/Heading';
+import Link from '../components/Link';
+import { useMqtt } from '../api/mqtt';
+import useSWR from 'swr';
+import { Table, Tbody, Thead, Tr, Th, Td } from '../components/Table';
+import { useCallback } from 'preact/hooks';
+
+export default function () {
+  const { data: storage } = useSWR('recordings/storage');
+
+  return (
+    <div className="space-y-4 p-2 px-4">
+      <Heading>
+        Storage
+      </Heading>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/web/src/routes/index.js b/web/src/routes/index.js
index 1a8af6384..39c9ed05c 100644
--- a/web/src/routes/index.js
+++ b/web/src/routes/index.js
@@ -33,6 +33,11 @@ export async function getSystem(_url, _cb, _props) {
   return module.default;
 }
 
+export async function getStorage(_url, _cb, _props) {
+  const module = await import('./Storage.jsx');
+  return module.default;
+}
+
 export async function getStyleGuide(_url, _cb, _props) {
   const module = await import('./StyleGuide.jsx');
   return module.default;