---
id: reference
title: Reference Documentation
sidebar_label: About
hide_table_of_contents: true
---

import Link from '@docusaurus/Link'
import ButtonCard from '@site/src/components/ButtonCard'

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">
      <ButtonCard
        icon={"/docs/img/icons/javascript-icon.svg"}
        class="card"
        to="/docs/reference/javascript"
        style={{ height: '100%' }}
        title="JavaScript"
        description="JavaScript and TypeScript documentation."
      > 
        
      </ButtonCard>
    </div>
    {/* Auth */}
    <div class="col col--6">
      <ButtonCard icon={"/docs/img/icons/dart-icon.svg"} class="card" to="/docs/reference/dart" style={{ height: '100%' }} title="Dart" description="Dart and Flutter documentation.">
        
      </ButtonCard>
    </div>
    {/* Examples - coming soon */}
    <div class="col col--6">
      <ButtonCard icon={"/docs/img/icons/cli-icon.svg"} class="card" to="/docs/reference/cli" style={{ height: '100%' }} title="Supabase CLI" description="Manage your Supabase projects.">
        
      </ButtonCard>
    </div>
    {/* CLI */}
    <div class="col col--6">
      <ButtonCard icon={"/docs/img/icons/api-icon.svg"} class="card" to="/docs/reference/api" style={{ height: '100%' }} title="Supabase API" description="Manage your Supabase projects.">
        
      </ButtonCard>
    </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>