Files
supabase/apps/docs/pages/guides/resources.mdx
T
2022-12-12 18:41:25 +08:00

140 lines
3.3 KiB
Plaintext

import Layout from '~/layouts/DefaultLayout'
import Link from 'next/link'
import { GlassPanel, IconPanel, Button, IconChevronRight } from 'ui'
export const meta = {
id: 'resources',
title: 'Resources',
description: 'Resources for getting started building with Supabase.',
sidebar_label: 'Overview',
}
<div className="flex flex-col gap-12 my-12">
<div>
<div className="grid grid-cols-12 gap-6 not-prose">
{resources.map((resource) => {
return (
<Link
href={`${resource.href}`}
key={resource.title}
passHref
>
<a className={'col-span-12 md:col-span-4'}>
<GlassPanel {...resource} background={false} showIconBg={true}>
{resource.description}
</GlassPanel>
</a>
</Link>
)
})}
</div>
</div>
<div>
<div className="max-w-xl mb-6">
### Migrate to Supabase
</div>
<div className="grid grid-cols-12 gap-6 not-prose">
{migrationGuides.map((product) => {
return (
<Link
href={`${product.href}`}
key={product.title}
passHref
>
<a className={product.span ?? 'col-span-6 md:col-span-3'}>
<IconPanel {...product} background={true} showIconBg={true} showLink={true}>
{product.description}
</IconPanel>
</a>
</Link>
)
})}
</div>
</div>
<div className="grid gap-16 md:grid-cols-2">
<div>
### Supabase CLI
Develop your project locally, manage your Supabase projects, handle database migrations, CI/CD workflows, and generate types from your database schema, all from the comfort of your Terminal.
[Learn more](/docs/guides/resources/supabase-cli)
</div>
<div>
### Self-Hosting Supabase
We're happy to host your next big thing, but we also make it easy to host Supabase on your own. We use Docker to help make setup as painless as possible.
[Learn more](/docs/guides/resources/self-hosting)
</div>
</div>
{/* end of container */}
</div>
export const resources = [
{
title: 'Examples',
hasLightIcon: true,
href: '/guides/resources/examples',
description: 'Official GitHub examples, curated content from the community, and more.',
},
{
title: 'Glossary',
hasLightIcon: true,
href: '/guides/resources/glossary',
description: 'Definitions for terminology and acronyms used in the Supabase documentation.',
},
]
export const migrationGuides = [
{
title: 'Firebase Auth',
icon: '/docs/img/icons/firebase-icon',
href: '/guides/migrations/firebase-auth',
description: 'Move your auth users from a Firebase project to a Supabase project.',
},
{
title: 'Firebase Data',
icon: '/docs/img/icons/firebase-icon',
href: '/guides/migrations/firestore-data',
description: 'Migrate the contents of a Firestore collection to a single PostgreSQL table.',
},
{
title: 'Firebase Storage',
icon: '/docs/img/icons/firebase-icon',
href: '/guides/migrations/firebase-storage',
description: 'Convert your Firebase Storage files to Supabase Storage.',
},
{
title: 'Heroku',
icon: '/docs/img/icons/heroku-icon',
href: '/guides/migrations/heroku',
description: 'Migrate your Heroku Postgres database to Supabase.',
},
]
export const Page = ({ children }) => <Layout meta={meta} children={children} />
export default Page