Files
supabase/apps/docs/pages/guides/integrations.mdx
T
2022-12-12 11:24:46 -03:30

42 lines
1.2 KiB
Plaintext

import Layout from '~/layouts/DefaultLayout'
import Link from 'next/link'
import { GlassPanel } from 'ui'
import { integrations } from '~/components/Navigation/NavigationMenu/NavigationMenu.constants'
export const meta = {
title: 'Integrations',
}
Explore a variety of integrations from Supabase partners. Need a different integration? Find a [Supabase expert](https://supabase.com/partners/experts) to help build your next idea.
<div>
{integrations.items.map((item) => (
<div>
<h2>{item.name}</h2>
<div className="grid grid-cols-12 gap-6 not-prose">
{item.items.map((integration) => (
<Link href={`/${integration.url}`} key={integration.title} passHref>
<a className={integration.span ?? 'col-span-4'}>
<GlassPanel
title={integration.name}
span="col-span-6"
background={false}
icon={<img className="w-10 h-10 rounded" src={`/docs/img/integrations/logos/${integration.name.toLowerCase()}_logo.png`}/>}
>
{integration.description}
</GlassPanel>
</a>
</Link>
))}
</div>
</div>
))}
</div>
export const Page = ({ children }) => <Layout meta={meta} children={children} />
export default Page