moves the reference homepage over

apps/reference/docs/reference.mdx

@@ -0,0 +1,114 @@
+---
+id: reference
+title: Reference Documentation
+sidebar_label: About
+hide_table_of_contents: true
+---
+
+import Link from '@docusaurus/Link'
+
+The Supabase Reference Docs provide technical descriptions of the products and how to use them.
+
+<div class="container" style={{ padding: 0 }}>
+  <div class="row is-multiline">
+    {/* Database */}
+    <div class="col col--6">
+      <Link
+        class="card"
+        to="/docs/reference/javascript"
+        style={{ height: '100%' }}
+      >
+        <div class="card__body">
+          <h4>JavaScript</h4>
+          <p>JavaScript and TypeScript documentation.</p>
+        </div>
+      </Link>
+    </div>
+    {/* Auth */}
+    <div class="col col--6">
+      <Link class="card" to="/docs/reference/dart" style={{ height: '100%' }}>
+        <div class="card__body">
+          <h4>Dart</h4>
+          <p>Dart and Flutter documentation.</p>
+        </div>
+      </Link>
+    </div>
+    {/* Examples - coming soon */}
+    <div class="col col--6">
+      <Link class="card" to="/docs/reference/cli" style={{ height: '100%' }}>
+        <div class="card__body">
+          <h4>Supabase CLI</h4>
+          <p>Manage your Supabase projects.</p>
+        </div>
+      </Link>
+    </div>
+    {/* CLI */}
+    <div class="col col--6">
+      <Link class="card" to="/docs/reference/api" style={{ height: '100%' }}>
+        <div class="card__body">
+          <h4>Supabase API</h4>
+          <p>Manage your Supabase projects.</p>
+        </div>
+      </Link>
+    </div>
+    {/*  */}
+  </div>
+</div>
+
+## Community
+
+The Supabase Reference Docs provide technical descriptions of the products and how to use them.
+
+<div class="container" style={{ padding: 0 }}>
+  <div class="row is-multiline">
+    {/* Auth */}
+    <div class="col col--6">
+      <Link
+        class="card"
+        to="/docs/reference/auth-helpers"
+        style={{ height: '100%' }}
+      >
+        <div class="card__body">
+          <h4>Auth Helpers</h4>
+          <p>
+            A collection of framework specific Auth utilities for working with
+            Supabase.
+          </p>
+        </div>
+      </Link>
+    </div>
+    {/*  */}
+  </div>
+</div>
+
+## Self-Hosting
+
+The Supabase Reference Docs provide technical descriptions of the products and how to use them.
+
+<div class="container" style={{ padding: 0 }}>
+  <div class="row is-multiline">
+    {/* Examples - coming soon */}
+    <div class="col col--6">
+      <Link class="card" to="/docs/reference/auth" style={{ height: '100%' }}>
+        <div class="card__body">
+          <h4>Auth Server</h4>
+          <p>Auth reference.</p>
+        </div>
+      </Link>
+    </div>
+    {/*  */}
+    <div class="col col--6">
+      <Link
+        class="card"
+        to="/docs/reference/storage"
+        style={{ height: '100%' }}
+      >
+        <div class="card__body">
+          <h4>Storage</h4>
+          <p>Storage reference.</p>
+        </div>
+      </Link>
+    </div>
+    {/*  */}
+  </div>
+</div>