Files
supabase/apps/reference/docs/reference.mdx
2022-08-13 09:27:18 +02:00

113 lines
3.1 KiB
Plaintext

---
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."
>
</ButtonCard>
</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.">
</ButtonCard>
</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.">
</ButtonCard>
</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.">
</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={useBaseUrl('/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={useBaseUrl('/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={useBaseUrl('/reference/storage')}
style={{ height: '100%' }}
>
<div class="card__body">
<h4>Storage</h4>
<p>Storage reference.</p>
</div>
</Link>
</div>
{/* */}
</div>
</div>