---
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>