---
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'
import useBaseUrl from '@docusaurus/useBaseUrl'

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">
    {/* Javascript */}
    <div class="col col--6">
      <ButtonCard
        icon={useBaseUrl("/img/icons/javascript-icon.svg")}
        class="card"
        to={useBaseUrl("/reference/javascript")}
        style={{ height: '100%' }}
        title="JavaScript"
        description="JavaScript and TypeScript documentation."
      />
    </div>
    {/* DART */}
    <div class="col col--6">
      <ButtonCard icon={useBaseUrl("/img/icons/dart-icon.svg")} class="card" to={useBaseUrl("/reference/dart")} style={{ height: '100%' }} title="Dart" description="Dart and Flutter documentation."/>
    </div>
    {/* CLI */}
    <div class="col col--6">
      <ButtonCard icon={useBaseUrl("/img/icons/cli-icon.svg")} class="card" to={useBaseUrl("/reference/cli")} style={{ height: '100%' }} title="Supabase CLI" description="Manage your Supabase projects."/>
    </div>
    {/* API */}
    <div class="col col--6">
      <ButtonCard icon={useBaseUrl("/img/icons/api-icon.svg")} class="card" to={useBaseUrl("/reference/api")} style={{ height: '100%' }} title="Supabase API" description="Manage your Supabase projects."/>
    </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">
      <ButtonCard
        class="card"
        to={useBaseUrl('/reference/auth-helpers')}
        style={{ height: '100%' }}
        title="Auth Helpers"
        description="A collection of framework specific Auth utilities for working with
            Supabase."
      />
    </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">
      <ButtonCard
        class="card"
        to={useBaseUrl('/reference/auth')}
        style={{ height: '100%' }}
        title={'Auth Server'}
        description="Auth reference"
      />
    </div>
    {/*  */}
    <div class="col col--6">
      <ButtonCard
        class="card"
        to={useBaseUrl('/reference/storage')}
        style={{ height: '100%' }}
        title={'Storage'}
        description="Storage reference"
      />
    </div>
    {/*  */}
  </div>
</div>