CINXE.COM

Supabase | The Open Source Firebase Alternative

<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><link rel="apple-touch-icon-precomposed" sizes="57x57" href="/favicon/apple-icon-57x57.png"/><link rel="apple-touch-icon-precomposed" sizes="60x60" href="/favicon/apple-icon-60x60.png"/><link rel="apple-touch-icon-precomposed" sizes="72x72" href="/favicon/apple-icon-72x72.png"/><link rel="apple-touch-icon-precomposed" sizes="76x76" href="/favicon/apple-icon-76x76.png"/><link rel="apple-touch-icon-precomposed" sizes="114x114" href="/favicon/apple-icon-114x114.png"/><link rel="apple-touch-icon-precomposed" sizes="120x120" href="/favicon/apple-icon-120x120.png"/><link rel="apple-touch-icon-precomposed" sizes="144x144" href="/favicon/apple-icon-144x144.png"/><link rel="apple-touch-icon-precomposed" sizes="152x152" href="/favicon/apple-icon-152x152.png"/><link rel="icon" type="image/png" href="/favicon/favicon-16x16.png" sizes="16x16"/><link rel="icon" type="image/png" href="/favicon/favicon-32x32.png" sizes="32x32"/><link rel="icon" type="image/png" href="/favicon/favicon-48x48.png" sizes="48x48"/><link rel="icon" type="image/png" href="/favicon/favicon-96x96.png" sizes="96x96"/><link rel="icon" type="image/png" href="/favicon/favicon-128.png" sizes="128x128"/><link rel="icon" type="image/png" href="/favicon/favicon-180x180.png" sizes="180x180"/><link rel="icon" type="image/png" href="/favicon/favicon-196x196.png" sizes="196x196"/><meta name="application-name" content="Supabase"/><meta name="msapplication-TileColor" content="#1E1E1E"/><meta name="msapplication-TileImage" content="/favicon/mstile-144x144.png"/><meta name="msapplication-square70x70logo" content="/favicon/mstile-70x70.png"/><meta name="msapplication-square150x150logo" content="/favicon/mstile-150x150.png"/><meta name="msapplication-wide310x150logo" content="/favicon/mstile-310x150.png"/><meta name="msapplication-square310x310logo" content="/favicon/mstile-310x310.png"/><meta name="theme-color" content="#1E1E1E"/><link rel="shortcut icon" href="/favicon/favicon.ico"/><link rel="icon" type="image/x-icon" href="/favicon/favicon.ico"/><link rel="apple-touch-icon" href="/favicon/favicon.ico"/><link rel="alternate" type="application/rss+xml" href="/feed.xml"/><link rel="manifest" href="/favicon/manifest.json"/><meta name="msapplication-config" content="/favicon/browserconfig.xml"/><title>Supabase | The Open Source Firebase Alternative</title><meta name="robots" content="index,follow"/><meta name="description" content="Build production-grade applications with a Postgres database, Authentication, instant APIs, Realtime, Functions, Storage and Vector embeddings. Start for free."/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:site" content="@supabase"/><meta name="twitter:creator" content="@supabase"/><meta property="og:title" content="Supabase | The Open Source Firebase Alternative"/><meta property="og:description" content="Build production-grade applications with a Postgres database, Authentication, instant APIs, Realtime, Functions, Storage and Vector embeddings. Start for free."/><meta property="og:url" content="https://supabase.com/"/><meta property="og:type" content="website"/><meta property="og:image" content="https://supabase.com/images/og/supabase-og.png"/><meta property="og:image:alt" content="Supabase Og Image"/><meta property="og:image:width" content="800"/><meta property="og:image:height" content="600"/><meta property="og:site_name" content="Supabase"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=https%3A%2F%2Ffrontend-assets.supabase.com%2Fwww%2Fb46b4b3ee26d%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--light.daaeffd3.png&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=https%3A%2F%2Ffrontend-assets.supabase.com%2Fwww%2Fb46b4b3ee26d%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--light.daaeffd3.png&amp;w=256&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" fetchpriority="high"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=https%3A%2F%2Ffrontend-assets.supabase.com%2Fwww%2Fb46b4b3ee26d%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--dark.b36ebb5f.png&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=https%3A%2F%2Ffrontend-assets.supabase.com%2Fwww%2Fb46b4b3ee26d%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--dark.b36ebb5f.png&amp;w=256&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" fetchpriority="high"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=16&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=32&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=48&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=64&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=96&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=128&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=256&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=384&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=640&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=750&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=828&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=1080&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=1200&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=1920&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=2048&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 3840w" imageSizes="100%" fetchpriority="high"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=16&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=32&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=48&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=64&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=96&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=128&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=256&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=384&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=640&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=750&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=828&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=1080&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=1200&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=1920&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=2048&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 3840w" imageSizes="100%" fetchpriority="high"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=16&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=32&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=48&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=64&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=96&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=128&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=256&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=384&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=640&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=750&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=828&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=1080&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=1200&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=1920&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=2048&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 3840w" imageSizes="100%" fetchpriority="high"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=16&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=32&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=48&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=64&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=96&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=128&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=256&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=384&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=640&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=750&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=828&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=1080&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=1200&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=1920&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=2048&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 3840w" imageSizes="100%" fetchpriority="high"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=16&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=32&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=48&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=64&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=96&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=128&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=256&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=384&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=640&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=750&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=828&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=1080&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=1200&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=1920&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=2048&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 3840w" imageSizes="100%" fetchpriority="high"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=16&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=32&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=48&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=64&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=96&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=128&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=256&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=384&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=640&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=750&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=828&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=1080&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=1200&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=1920&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=2048&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 3840w" imageSizes="100%" fetchpriority="high"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fquivr.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fquivr.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" fetchpriority="high"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Ftinloof.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Ftinloof.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" fetchpriority="high"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2F1password.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2F1password.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" fetchpriority="high"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fnext-door-lending.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fnext-door-lending.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" fetchpriority="high"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=16&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 16w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=32&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 32w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=48&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 48w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 64w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=96&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 96w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 128w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=256&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 256w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 384w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 640w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=750&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 750w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=828&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 828w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=1080&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1080w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=1200&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1200w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=1920&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1920w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=2048&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2048w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=3840&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 3840w" imageSizes="100%" fetchpriority="high"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fshotgun.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fshotgun.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" fetchpriority="high"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmozilla.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmozilla.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" fetchpriority="high"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=16&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 16w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=32&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 32w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=48&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 48w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 64w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=96&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 96w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 128w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=256&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 256w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 384w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 640w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=750&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 750w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=828&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 828w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=1080&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1080w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=1200&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1200w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=1920&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1920w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=2048&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2048w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=3840&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 3840w" imageSizes="100%" fetchpriority="high"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmobbin.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmobbin.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" fetchpriority="high"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fhappyteams.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fhappyteams.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" fetchpriority="high"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=16&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 16w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=32&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 32w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=48&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 48w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 64w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=96&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 96w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 128w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=256&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 256w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 384w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 640w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=750&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 750w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=828&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 828w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=1080&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1080w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=1200&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1200w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=1920&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1920w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=2048&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2048w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=3840&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 3840w" imageSizes="100%" fetchpriority="high"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=https%3A%2F%2Ffrontend-assets.supabase.com%2Fwww%2Fb46b4b3ee26d%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--light.daaeffd3.png&amp;w=256&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=https%3A%2F%2Ffrontend-assets.supabase.com%2Fwww%2Fb46b4b3ee26d%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--light.daaeffd3.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" fetchpriority="high"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=https%3A%2F%2Ffrontend-assets.supabase.com%2Fwww%2Fb46b4b3ee26d%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--dark.b36ebb5f.png&amp;w=256&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=https%3A%2F%2Ffrontend-assets.supabase.com%2Fwww%2Fb46b4b3ee26d%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--dark.b36ebb5f.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" fetchpriority="high"/><meta name="next-head-count" content="67"/><link data-next-font="" rel="preconnect" href="/" crossorigin="anonymous"/><link rel="preload" href="https://frontend-assets.supabase.com/www/b46b4b3ee26d/_next/static/css/781fa15723928413.css?dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV" as="style"/><link rel="stylesheet" href="https://frontend-assets.supabase.com/www/b46b4b3ee26d/_next/static/css/781fa15723928413.css?dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV" data-n-g=""/><link rel="preload" href="https://frontend-assets.supabase.com/www/b46b4b3ee26d/_next/static/css/46d2f1b70d0e73f2.css?dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV" as="style"/><link rel="stylesheet" href="https://frontend-assets.supabase.com/www/b46b4b3ee26d/_next/static/css/46d2f1b70d0e73f2.css?dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="https://frontend-assets.supabase.com/www/b46b4b3ee26d/_next/static/chunks/polyfills-42372ed130431b0a.js?dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"></script><script defer="" src="https://frontend-assets.supabase.com/www/b46b4b3ee26d/_next/static/chunks/5844-39611192353e11d3.js?dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"></script><script defer="" src="https://frontend-assets.supabase.com/www/b46b4b3ee26d/_next/static/chunks/8804.e6ae5c35b4ea780e.js?dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"></script><script defer="" src="https://frontend-assets.supabase.com/www/b46b4b3ee26d/_next/static/chunks/4714.938cd23064faefaf.js?dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"></script><script defer="" src="https://frontend-assets.supabase.com/www/b46b4b3ee26d/_next/static/chunks/9746.e6dd668176758031.js?dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"></script><script defer="" src="https://frontend-assets.supabase.com/www/b46b4b3ee26d/_next/static/chunks/8577-0ac9dee94ca1c2e4.js?dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"></script><script defer="" src="https://frontend-assets.supabase.com/www/b46b4b3ee26d/_next/static/chunks/4380.c8bd6d34a7710555.js?dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"></script><script defer="" src="https://frontend-assets.supabase.com/www/b46b4b3ee26d/_next/static/chunks/451.c3c8a1a06af3ad28.js?dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"></script><script defer="" src="https://frontend-assets.supabase.com/www/b46b4b3ee26d/_next/static/chunks/4692-829000664269fc4b.js?dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"></script><script defer="" src="https://frontend-assets.supabase.com/www/b46b4b3ee26d/_next/static/chunks/1278.2a28e41016f5a74b.js?dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"></script><script defer="" src="https://frontend-assets.supabase.com/www/b46b4b3ee26d/_next/static/chunks/7373.e7607eceb4b641a4.js?dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"></script><script defer="" src="https://frontend-assets.supabase.com/www/b46b4b3ee26d/_next/static/chunks/3118.feb89889b30c40c3.js?dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"></script><script defer="" src="https://frontend-assets.supabase.com/www/b46b4b3ee26d/_next/static/chunks/1599.4193061801ea188c.js?dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"></script><script src="https://frontend-assets.supabase.com/www/b46b4b3ee26d/_next/static/chunks/webpack-53de09da2ea24d88.js?dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV" defer=""></script><script src="https://frontend-assets.supabase.com/www/b46b4b3ee26d/_next/static/chunks/framework-4b7af0e4cd9b6082.js?dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV" defer=""></script><script src="https://frontend-assets.supabase.com/www/b46b4b3ee26d/_next/static/chunks/main-23c3e3771359b2a6.js?dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV" defer=""></script><script src="https://frontend-assets.supabase.com/www/b46b4b3ee26d/_next/static/chunks/pages/_app-06cb8bc3da7b280e.js?dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV" defer=""></script><script src="https://frontend-assets.supabase.com/www/b46b4b3ee26d/_next/static/chunks/4914-75f8713f052142a7.js?dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV" defer=""></script><script src="https://frontend-assets.supabase.com/www/b46b4b3ee26d/_next/static/chunks/7409-1ef9eb3bafb326fb.js?dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV" defer=""></script><script src="https://frontend-assets.supabase.com/www/b46b4b3ee26d/_next/static/chunks/7527-dde642689b17f87d.js?dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV" defer=""></script><script src="https://frontend-assets.supabase.com/www/b46b4b3ee26d/_next/static/chunks/8588-b95b142532f2b58a.js?dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV" defer=""></script><script src="https://frontend-assets.supabase.com/www/b46b4b3ee26d/_next/static/chunks/3404-88641272e3869528.js?dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV" defer=""></script><script src="https://frontend-assets.supabase.com/www/b46b4b3ee26d/_next/static/chunks/3379-9f68596a0096af75.js?dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV" defer=""></script><script src="https://frontend-assets.supabase.com/www/b46b4b3ee26d/_next/static/chunks/pages/index-dfefcacef69c571c.js?dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV" defer=""></script><script src="https://frontend-assets.supabase.com/www/b46b4b3ee26d/_next/static/BVMww9Kce1qFW0uRF47j3/_buildManifest.js?dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV" defer=""></script><script src="https://frontend-assets.supabase.com/www/b46b4b3ee26d/_next/static/BVMww9Kce1qFW0uRF47j3/_ssgManifest.js?dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV" defer=""></script></head><body><div id="__next"><script type="application/json" data-flag-values="true">{}</script><script>!function(){try{var d=document.documentElement,n='data-theme',s='setAttribute';var e=localStorage.getItem('theme');if('system'===e||(!e&&false)){var t='(prefers-color-scheme: dark)',m=window.matchMedia(t);if(m.media!==t||m.matches){d.style.colorScheme = 'dark';d[s](n,'dark')}else{d.style.colorScheme = 'light';d[s](n,'light')}}else if(e){d[s](n,e|| '')}else{d[s](n,'dark')}if(e==='light'||e==='dark'||!e)d.style.colorScheme=e||'dark'}catch(e){}}()</script><div class="sticky top-0 z-40 transform" style="transform:translate3d(0,0,999px)"><div class="absolute inset-0 h-full w-full bg-background/90 dark:bg-background/95 !opacity-100 transition-opacity"></div><nav class="relative z-40 border-default border-b backdrop-blur-sm transition-opacity"><div class="relative flex justify-between h-16 mx-auto lg:container lg:px-16 xl:px-20"><div class="flex items-center px-6 lg:px-0 flex-1 sm:items-stretch justify-between"><div class="flex items-center"><div class="flex items-center flex-shrink-0"><a class="block w-auto h-6 focus-visible:ring-2 focus-visible:outline-none focus-visible:ring-foreground-lighter focus-visible:ring-offset-4 focus-visible:ring-offset-background-alternative focus-visible:rounded-sm" type="button" id="radix-:R2lita6:" aria-haspopup="menu" aria-expanded="false" data-state="closed" href="/"><img alt="Supabase Logo" fetchpriority="high" width="124" height="24" decoding="async" data-nimg="1" class="dark:hidden" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Ffrontend-assets.supabase.com%2Fwww%2Fb46b4b3ee26d%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--light.daaeffd3.png&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=https%3A%2F%2Ffrontend-assets.supabase.com%2Fwww%2Fb46b4b3ee26d%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--light.daaeffd3.png&amp;w=256&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=https%3A%2F%2Ffrontend-assets.supabase.com%2Fwww%2Fb46b4b3ee26d%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--light.daaeffd3.png&amp;w=256&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><img alt="Supabase Logo" fetchpriority="high" width="124" height="24" decoding="async" data-nimg="1" class="hidden dark:block" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Ffrontend-assets.supabase.com%2Fwww%2Fb46b4b3ee26d%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--dark.b36ebb5f.png&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=https%3A%2F%2Ffrontend-assets.supabase.com%2Fwww%2Fb46b4b3ee26d%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--dark.b36ebb5f.png&amp;w=256&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=https%3A%2F%2Ffrontend-assets.supabase.com%2Fwww%2Fb46b4b3ee26d%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--dark.b36ebb5f.png&amp;w=256&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></a></div><nav aria-label="Main" data-orientation="horizontal" dir="ltr" class="relative z-10 flex-1 items-center justify-center hidden pl-8 sm:space-x-4 lg:flex h-16"><div style="position:relative"><ul data-orientation="horizontal" class="group flex flex-1 list-none items-center justify-center space-x-1" dir="ltr"><li class="text-sm font-medium"><button id="radix-:R4lita6:-trigger-radix-:R2slita6:" data-state="closed" aria-expanded="false" aria-controls="radix-:R4lita6:-content-radix-:R2slita6:" class="group relative justify-center cursor-pointer inline-flex items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border text-foreground hover:bg-surface-300 shadow-none focus-visible:outline-border-strong data-[state=open]:bg-surface-300 data-[state=open]:outline-border-strong border-transparent text-sm leading-4 py-2 !bg-transparent hover:text-brand-link data-[state=open]:!text-brand-link data-[radix-collection-item]:focus-visible:ring-2 data-[radix-collection-item]:focus-visible:ring-foreground-lighter data-[radix-collection-item]:focus-visible:text-foreground px-2 h-auto" data-radix-collection-item="">Product<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></li><li class="text-sm font-medium"><button id="radix-:R4lita6:-trigger-radix-:R4slita6:" data-state="closed" aria-expanded="false" aria-controls="radix-:R4lita6:-content-radix-:R4slita6:" class="group relative justify-center cursor-pointer inline-flex items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border text-foreground hover:bg-surface-300 shadow-none focus-visible:outline-border-strong data-[state=open]:bg-surface-300 data-[state=open]:outline-border-strong border-transparent text-sm leading-4 py-2 !bg-transparent hover:text-brand-link data-[state=open]:!text-brand-link data-[radix-collection-item]:focus-visible:ring-2 data-[radix-collection-item]:focus-visible:ring-foreground-lighter data-[radix-collection-item]:focus-visible:text-foreground px-2 h-auto" data-radix-collection-item="">Developers<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></li><li class="text-sm font-medium"><a class="group/menu-item flex items-center text-sm hover:text-foreground select-none gap-3 rounded-md p-2 leading-none no-underline outline-none focus-visible:ring-2 focus-visible:ring-foreground-lighter group-hover:bg-transparent text-foreground focus-visible:text-brand-link" data-radix-collection-item="" href="/enterprise"><div class="flex flex-col justify-center"><div class="flex items-center gap-1"><p class="leading-snug text-foreground group-hover/menu-item:text-brand-link">Enterprise</p></div></div></a></li><li class="text-sm font-medium"><a class="group/menu-item flex items-center text-sm hover:text-foreground select-none gap-3 rounded-md p-2 leading-none no-underline outline-none focus-visible:ring-2 focus-visible:ring-foreground-lighter group-hover:bg-transparent text-foreground focus-visible:text-brand-link" data-radix-collection-item="" href="/pricing"><div class="flex flex-col justify-center"><div class="flex items-center gap-1"><p class="leading-snug text-foreground group-hover/menu-item:text-brand-link">Pricing</p></div></div></a></li><li class="text-sm font-medium"><a class="group/menu-item flex items-center text-sm hover:text-foreground select-none gap-3 rounded-md p-2 leading-none no-underline outline-none focus-visible:ring-2 focus-visible:ring-foreground-lighter group-hover:bg-transparent text-foreground focus-visible:text-brand-link" data-radix-collection-item="" href="/docs"><div class="flex flex-col justify-center"><div class="flex items-center gap-1"><p class="leading-snug text-foreground group-hover/menu-item:text-brand-link">Docs</p></div></div></a></li><li class="text-sm font-medium"><a class="group/menu-item flex items-center text-sm hover:text-foreground select-none gap-3 rounded-md p-2 leading-none no-underline outline-none focus-visible:ring-2 focus-visible:ring-foreground-lighter group-hover:bg-transparent text-foreground focus-visible:text-brand-link" data-radix-collection-item="" href="/blog"><div class="flex flex-col justify-center"><div class="flex items-center gap-1"><p class="leading-snug text-foreground group-hover/menu-item:text-brand-link">Blog</p></div></div></a></li></ul></div><div class="absolute left-0 top-full flex justify-center"></div></nav></div><div class="flex items-center gap-2 opacity-0 animate-fade-in !scale-100 delay-300"><a href="https://github.com/supabase/supabase" target="_blank" data-size="tiny" class="relative justify-center cursor-pointer items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border hover:bg-surface-300 shadow-none focus-visible:outline-border-strong data-[state=open]:bg-surface-300 data-[state=open]:outline-border-strong border-transparent text-xs px-2.5 py-1 h-[26px] hidden group lg:flex text-foreground-light hover:text-foreground"><span class="truncate"><span class="flex items-center gap-1"><svg class="w-6 h-6" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 2.22168C5.23312 2.22168 2.58496 4.87398 2.58496 8.14677C2.58496 10.7642 4.27962 12.9853 6.63026 13.7684C6.92601 13.8228 7.03366 13.6401 7.03366 13.4827C7.03366 13.3425 7.02893 12.9693 7.02597 12.4754C5.38041 12.8333 5.0332 11.681 5.0332 11.681C4.76465 10.996 4.37663 10.8139 4.37663 10.8139C3.83954 10.4471 4.41744 10.4542 4.41744 10.4542C5.01072 10.4956 5.32303 11.0647 5.32303 11.0647C5.85065 11.9697 6.70774 11.7082 7.04431 11.5568C7.09873 11.1741 7.25134 10.9132 7.42051 10.7654C6.10737 10.6157 4.72621 10.107 4.72621 7.83683C4.72621 7.19031 4.95689 6.66092 5.33486 6.24686C5.27394 6.09721 5.07105 5.49447 5.39283 4.67938C5.39283 4.67938 5.88969 4.51967 7.01947 5.28626C7.502 5.15466 7.99985 5.08763 8.5 5.08692C9.00278 5.08929 9.50851 5.15495 9.98113 5.28626C11.1103 4.51967 11.606 4.67879 11.606 4.67879C11.9289 5.49447 11.7255 6.09721 11.6651 6.24686C12.0437 6.66092 12.2732 7.19031 12.2732 7.83683C12.2732 10.1129 10.8897 10.6139 9.5724 10.7606C9.78475 10.9434 9.97344 11.3048 9.97344 11.8579C9.97344 12.6493 9.96634 13.2887 9.96634 13.4827C9.96634 13.6413 10.0728 13.8258 10.3733 13.7678C11.5512 13.3728 12.5751 12.6175 13.3003 11.6089C14.0256 10.6002 14.4155 9.38912 14.415 8.14677C14.415 4.87398 11.7663 2.22168 8.5 2.22168Z" fill="currentColor"></path></svg>80.3K</span></span></a><a data-size="tiny" type="button" class="relative justify-center cursor-pointer items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border text-foreground bg-alternative dark:bg-muted hover:bg-selection border-strong hover:border-stronger focus-visible:outline-brand-600 data-[state=open]:bg-selection data-[state=open]:outline-brand-600 data-[state=open]:border-button-hover text-xs px-2.5 py-1 h-[26px] hidden lg:block" href="https://supabase.com/dashboard"><span class="truncate">Sign in</span></a><a data-size="tiny" type="button" class="relative justify-center cursor-pointer items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border bg-brand-400 dark:bg-brand-500 hover:bg-brand/80 dark:hover:bg-brand/50 text-foreground border-brand-500/75 dark:border-brand/30 hover:border-brand-600 dark:hover:border-brand focus-visible:outline-brand-600 data-[state=open]:bg-brand-400/80 dark:data-[state=open]:bg-brand-500/80 data-[state=open]:outline-brand-600 text-xs px-2.5 py-1 h-[26px] hidden lg:block" href="https://supabase.com/dashboard"><span class="truncate">Start your project</span></a></div></div><div class="inset-y-0 flex mr-2 items-center px-4 lg:hidden"><button class="text-foreground-lighter focus:ring-brand bg-transparent hover:text-foreground-light transition-colors hover:bg-overlay inline-flex items-center justify-center rounded-md p-2 focus:outline-none focus:ring-2 focus:ring-inset" aria-expanded="false"><span class="sr-only">Open main menu</span><svg class="block w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path></svg><svg class="hidden w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg></button></div></div></nav></div><main class="relative min-h-screen"><div class="relative -mt-[65px]"><div class="sm:py-18 container relative mx-auto px-6 py-16 md:py-24 lg:px-16 lg:py-24 xl:px-20 pt-8 pb-10 md:pt-16 overflow-hidden"><div class="relative"><div class="mx-auto"><div class="mx-auto max-w-2xl lg:col-span-6 lg:flex lg:items-center justify-center text-center"><div class="relative z-10 lg:h-auto pt-[90px] lg:pt-[90px] lg:min-h-[300px] flex flex-col items-center justify-center sm:mx-auto md:w-3/4 lg:mx-0 lg:w-full gap-4 lg:gap-8"><div class="flex flex-col items-center"><div class="z-40 w-full flex justify-center -mt-4 lg:-mt-12 mb-8"><div class="relative w-fit max-w-xl flex justify-center [&amp;_a]:sm:gap-4 [&amp;_.announcement-badge]:!text-xs [&amp;_.announcement-text]:!text-xs [&amp;_.announcement-badge]:sm:!text-sm [&amp;_.announcement-text]:sm:!text-sm" style="font-family:Departure Mono, Source Code Pro, Office Code Pro, Menlo, monospace"><a target="_self" class="announcement-link group/announcement relative flex flex-row items-center p-1 pr-3 text-sm w-auto gap-2 text-left rounded-full bg-opacity-20 border border-background-surface-300 hover:border-foreground-muted hover:border-opacity-30 shadow-md overflow-hidden focus-visible:outline-none focus-visible:ring-brand-600 focus-visible:ring-2 focus-visible:rounded-full" href="/launch-week#day-5"><div class="inline-flex items-center bg-opacity-10 bg-brand text-brand-600 border border-brand-500 px-3 rounded-full text-sm py-1 announcement-badge">LW14: Day 5</div><span class="text-foreground announcement-text">Supabase MCP Server</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="announcement-icon h-4 ml-2 -translate-x-1 text-foreground transition-transform group-hover/announcement:translate-x-0"><path stroke-linecap="round" stroke-linejoin="round" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg><div class="absolute inset-0 -z-10 bg-gradient-to-br opacity-70 group-hover/announcement:opacity-100 transition-opacity overflow-hidden rounded-full from-background-surface-100 to-background-surface-300 backdrop-blur-md "></div></a></div></div><h1 class="text-foreground text-4xl sm:text-5xl sm:leading-none lg:text-7xl"><span class="block text-foreground">Build in a weekend</span><span class="text-brand block md:ml-0">Scale to millions</span></h1><p class="pt-2 text-foreground my-3 text-sm sm:mt-5 lg:mb-0 sm:text-base lg:text-lg">Supabase is an open source Firebase alternative.<!-- --> <br class="hidden md:block"/>Start your project with a Postgres database, Authentication, instant APIs, Edge Functions, Realtime subscriptions, Storage, and Vector embeddings.</p></div><div class="flex items-center gap-2"><a data-size="medium" type="button" class="relative justify-center cursor-pointer inline-flex items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border bg-brand-400 dark:bg-brand-500 hover:bg-brand/80 dark:hover:bg-brand/50 text-foreground border-brand-500/75 dark:border-brand/30 hover:border-brand-600 dark:hover:border-brand focus-visible:outline-brand-600 data-[state=open]:bg-brand-400/80 dark:data-[state=open]:bg-brand-500/80 data-[state=open]:outline-brand-600 text-sm px-4 py-2 h-[38px]" href="https://supabase.com/dashboard"><span class="truncate">Start your project</span></a><a data-size="medium" type="button" class="relative justify-center cursor-pointer inline-flex items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border text-foreground bg-alternative dark:bg-muted hover:bg-selection border-strong hover:border-stronger focus-visible:outline-brand-600 data-[state=open]:bg-selection data-[state=open]:outline-brand-600 data-[state=open]:border-button-hover text-sm px-4 py-2 h-[38px]" href="/contact/sales"><span class="truncate">Request a demo</span></a></div></div></div></div></div></div></div><div class="pb-14 md:pb-24"><div class="max-w-md md:max-w-lg lg:max-w-2xl mx-auto"><div class="relative w-full mx-auto max-w-4xl opacity-90 dark:opacity-70 overflow-hidden before:content[&#x27;&#x27;] before:absolute before:inset-0 before:w-full before:bg-[linear-gradient(to_right,hsl(var(--background-default))_0%,transparent_10%,transparent_90%,hsl(var(--background-default))_100%)] before:z-10 flex flex-nowrap px-5 lg:px-12 justify-center gap-4 lg:gap-8"><div class="gap-4 lg:gap-8 flex flex-nowrap w-fit animate-[marquee_90000ms_linear_both_infinite] will-change-transform motion-reduce:animate-none motion-reduce:will-change-none"><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/mozilla.svg" alt="mozilla" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/github.svg" alt="github" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/1password.svg" alt="1password" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/pwc.svg" alt="pwc" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/pika.svg" alt="pika" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/humata.svg" alt="humata" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/krea.svg" alt="krea" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/udio.svg" alt="udio" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/langchain.svg" alt="langchain" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/resend.svg" alt="resend" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/loops.svg" alt="loops" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/mobbin.svg" alt="mobbin" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/gopuff.svg" alt="gopuff" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/chatbase.svg" alt="chatbase" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/betashares.svg" alt="betashares" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div></div><div class="gap-4 lg:gap-8 flex flex-nowrap w-fit animate-[marquee_90000ms_linear_both_infinite] will-change-transform motion-reduce:animate-none motion-reduce:will-change-none"><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/mozilla.svg" alt="mozilla" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/github.svg" alt="github" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/1password.svg" alt="1password" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/pwc.svg" alt="pwc" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/pika.svg" alt="pika" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/humata.svg" alt="humata" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/krea.svg" alt="krea" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/udio.svg" alt="udio" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/langchain.svg" alt="langchain" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/resend.svg" alt="resend" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/loops.svg" alt="loops" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/mobbin.svg" alt="mobbin" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/gopuff.svg" alt="gopuff" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/chatbase.svg" alt="chatbase" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/betashares.svg" alt="betashares" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div></div><div class="gap-4 lg:gap-8 flex flex-nowrap w-fit animate-[marquee_90000ms_linear_both_infinite] will-change-transform motion-reduce:animate-none motion-reduce:will-change-none"><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/mozilla.svg" alt="mozilla" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/github.svg" alt="github" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/1password.svg" alt="1password" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/pwc.svg" alt="pwc" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/pika.svg" alt="pika" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/humata.svg" alt="humata" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/krea.svg" alt="krea" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/udio.svg" alt="udio" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/langchain.svg" alt="langchain" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/resend.svg" alt="resend" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/loops.svg" alt="loops" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/mobbin.svg" alt="mobbin" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/gopuff.svg" alt="gopuff" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/chatbase.svg" alt="chatbase" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/betashares.svg" alt="betashares" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div></div><div class="gap-4 lg:gap-8 flex flex-nowrap w-fit animate-[marquee_90000ms_linear_both_infinite] will-change-transform motion-reduce:animate-none motion-reduce:will-change-none"><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/mozilla.svg" alt="mozilla" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/github.svg" alt="github" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/1password.svg" alt="1password" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/pwc.svg" alt="pwc" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/pika.svg" alt="pika" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/humata.svg" alt="humata" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/krea.svg" alt="krea" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/udio.svg" alt="udio" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/langchain.svg" alt="langchain" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/resend.svg" alt="resend" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/loops.svg" alt="loops" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/mobbin.svg" alt="mobbin" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/gopuff.svg" alt="gopuff" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/chatbase.svg" alt="chatbase" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/betashares.svg" alt="betashares" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"/></div></div></div></div><p class="w-full text-center text-sm text-foreground-lighter mt-6 lg:mt-8">Trusted by fast-growing companies worldwide</p></div><div class="sm:py-18 container relative mx-auto px-6 py-16 md:py-24 lg:px-16 lg:py-24 xl:px-20 !pt-0 grid grid-cols-1 gap-4 sm:grid-cols-2 md:gap-4 xl:gap-3 2xl:gap-6 md:grid-cols-12"><a class="group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus:outline-none focus:border-none focus:ring-brand-600 focus:ring-2 focus:rounded-xl col-span-6 md:col-span-12 xl:col-span-6" href="/database"><div class="group/panel rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger relative w-full h-full"><div class="z-10 rounded-[7px] md:rounded-[11px] relative overflow-hidden flex-1 flex flex-row sm:flex-col gap-4 items-start sm:items-center lg:items-start justify-between bg-surface-75 w-full h-full text-foreground-lighter [&amp;_strong]:!font-normal [&amp;_strong]:!text-foreground p-4 sm:py-6"><div class="relative z-10 h-full w-full mx-auto gap-2 sm:gap-4 flex flex-col items-start sm:items-center text-left sm:text-center md:ml-2 md:mt-2 lg:pl-0 md:justify-start md:max-w-[250px] md:text-left md:items-start"><div class="flex items-center gap-2 text-foreground"><svg width="18" height="18" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.18625 8.66531H19.5035V15.331H5.18625V8.66531Z M4 17.0007C4 16.0804 4.7461 15.3343 5.66645 15.3343H18.9984C19.9187 15.3343 20.6648 16.0804 20.6648 17.0007V20.3335C20.6648 21.2539 19.9187 22 18.9984 22H5.66646C4.7461 22 4 21.2539 4 20.3335V17.0007Z M4 3.66646C4 2.7461 4.7461 2 5.66645 2H18.9984C19.9187 2 20.6648 2.7461 20.6648 3.66645V6.99926C20.6648 7.91962 19.9187 8.66572 18.9984 8.66572H5.66646C4.7461 8.66572 4 7.91962 4 6.99926V3.66646Z" stroke="currentColor" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5"></path></svg><h2 class="">Postgres Database</h2></div><div class="flex-1 flex flex-col justify-between gap-2"><p class="text-sm [&amp;_strong]:!text-foreground">Every project is <strong>a full Postgres database</strong>, the world&#x27;s most trusted relational database.</p><span class="hidden lg:block text-foreground md:block"><ul class="flex flex-col gap-1 text-sm"><li><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check inline h-4 w-4"><path d="M20 6 9 17l-5-5"></path></svg> 100% portable</li><li><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check inline h-4 w-4"><path d="M20 6 9 17l-5-5"></path></svg> Built-in Auth with RLS</li><li><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check inline h-4 w-4"><path d="M20 6 9 17l-5-5"></path></svg> Easy to extend</li></ul></span></div></div><figure class="absolute inset-0 z-0 hidden sm:block" role="img" aria-label="Supabase Postgres database visual composition"><span class="absolute w-full md:w-auto h-full md:aspect-square flex items-end md:items-center justify-center md:justify-end right-0 left-0 md:left-auto xl:-right-12 2xl:right-0 top-12 md:top-0 md:bottom-0 my-auto"><img alt="Supabase Postgres database" fetchpriority="high" decoding="async" data-nimg="fill" class="hidden dark:block absolute antialiased inset-0 object-contain object-center z-0 w-full md:w-auto h-full transition-opacity group-hover:opacity-80" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcSet="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=16&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=32&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=48&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=64&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=96&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=128&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=256&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=384&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=640&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=750&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=828&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=1080&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=1200&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=1920&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=2048&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><img alt="Supabase Postgres database" fetchpriority="high" decoding="async" data-nimg="fill" class="dark:hidden absolute antialiased inset-0 object-contain object-center z-0 w-full md:w-auto h-full transition-opacity group-hover:opacity-80" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcSet="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=16&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=32&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=48&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=64&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=96&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=128&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=256&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=384&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=640&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=750&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=828&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=1080&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=1200&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=1920&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=2048&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 390 430" class="absolute w-full h-full z-10 m-auto will-change-transform opacity-0 transition-opacity group-hover:opacity-100"><g stroke="hsl(var(--foreground-lighter))" filter="url(#filter5_bd_467_4905)"><path d="M192.144 125.816h-53.465c-8.506 0-16.159 5.17-19.334 13.061L99.0045 189.43c-3.0613 7.608-1.3448 16.306 4.3775 22.181l10.232 10.506c4.792 4.919 7.474 11.516 7.474 18.384l-.001 14.473c0 20.197 16.373 36.569 36.569 36.569 6.16 0 11.154-4.993 11.154-11.153l.001-86.241c0-18.629 7.441-36.486 20.668-49.602 2.746-2.723 7.178-2.704 9.9.041 2.722 2.745 2.703 7.178-.042 9.9-10.577 10.488-16.526 24.766-16.526 39.661l-.001 86.241c0 13.892-11.262 25.153-25.154 25.153-27.928 0-50.569-22.64-50.569-50.569l.001-14.474c0-3.218-1.257-6.309-3.503-8.615L93.353 221.38c-9.5904-9.847-12.4673-24.424-7.3366-37.176l20.3406-50.553c5.308-13.192 18.101-21.835 32.322-21.835h55.729v.084h10.339c49.104 0 88.91 39.806 88.91 88.91v50.842c0 3.866-3.134 7-7 7s-7-3.134-7-7V200.81c0-41.372-33.538-74.91-74.91-74.91H193.23c-.37 0-.732-.029-1.086-.084Z"></path><path d="M210.03 283.94c0-3.866-3.134-7-7-7s-7 3.134-7 7v3.113c0 26.959 21.854 48.814 48.813 48.814 26.351 0 47.825-20.879 48.781-46.996h24.614c3.866 0 7-3.134 7-7s-3.134-7-7-7h-26.841c-30.744 0-60.256-12.083-82.173-33.643-2.756-2.711-7.188-2.675-9.899.081-2.711 2.756-2.675 7.188.081 9.9 21.725 21.371 50.116 34.423 80.228 37.134-.679 18.629-15.995 33.524-34.791 33.524-19.227 0-34.813-15.587-34.813-34.814v-3.113ZM238.03 202.145c0 4.792 3.885 8.677 8.677 8.677s8.676-3.885 8.676-8.677-3.884-8.676-8.676-8.676-8.677 3.884-8.677 8.676Z"></path></g><path stroke="url(#a)" d="M192.144 125.816h-53.465c-8.506 0-16.159 5.17-19.334 13.061L99.0045 189.43c-3.0613 7.608-1.3448 16.306 4.3775 22.181l10.232 10.506c4.792 4.919 7.474 11.516 7.474 18.384l-.001 14.473c0 20.197 16.373 36.569 36.569 36.569 6.16 0 11.154-4.993 11.154-11.153l.001-86.241c0-18.629 7.441-36.486 20.668-49.602 2.746-2.723 7.178-2.704 9.9.041 2.722 2.745 2.703 7.178-.042 9.9-10.577 10.488-16.526 24.766-16.526 39.661l-.001 86.241c0 13.892-11.262 25.153-25.154 25.153-27.928 0-50.569-22.64-50.569-50.569l.001-14.474c0-3.218-1.257-6.309-3.503-8.615L93.353 221.38c-9.5904-9.847-12.4673-24.424-7.3366-37.176l20.3406-50.553c5.308-13.192 18.101-21.835 32.322-21.835h55.729v.084h10.339c49.104 0 88.91 39.806 88.91 88.91v50.842c0 3.866-3.134 7-7 7s-7-3.134-7-7V200.81c0-41.372-33.538-74.91-74.91-74.91H193.23c-.37 0-.732-.029-1.086-.084Z"></path><path stroke="url(#b)" d="M210.03 283.94c0-3.866-3.134-7-7-7s-7 3.134-7 7v3.113c0 26.959 21.854 48.814 48.813 48.814 26.351 0 47.825-20.879 48.781-46.996h24.614c3.866 0 7-3.134 7-7s-3.134-7-7-7h-26.841c-30.744 0-60.256-12.083-82.173-33.643-2.756-2.711-7.188-2.675-9.899.081-2.711 2.756-2.675 7.188.081 9.9 21.725 21.371 50.116 34.423 80.228 37.134-.679 18.629-15.995 33.524-34.791 33.524-19.227 0-34.813-15.587-34.813-34.814v-3.113Z"></path><path stroke="url(#c)" d="M238.03 202.145c0 4.792 3.885 8.677 8.677 8.677s8.676-3.885 8.676-8.677-3.884-8.676-8.676-8.676-8.677 3.884-8.677 8.676Z"></path><defs><radialGradient id="a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(0 0) rotate(45) scale(166 180)"><stop stop-color="hsl(var(--brand-default))"></stop><stop offset="1" stop-color="hsl(var(--foreground-lighter))"></stop></radialGradient><radialGradient id="b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(0 0) rotate(45) scale(166 180)"><stop stop-color="hsl(var(--brand-default))"></stop><stop offset="1" stop-color="hsl(var(--foreground-lighter))"></stop></radialGradient><radialGradient id="c" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(0 0) rotate(45) scale(166 180)"><stop stop-color="hsl(var(--brand-default))"></stop><stop offset="1" stop-color="hsl(var(--foreground-lighter))"></stop></radialGradient></defs></svg></span></figure><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a><a class="group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus:outline-none focus:border-none focus:ring-brand-600 focus:ring-2 focus:rounded-xl col-span-6 xl:col-span-3" href="/auth"><div class="group/panel rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger relative w-full h-full"><div class="z-10 rounded-[7px] md:rounded-[11px] relative overflow-hidden flex-1 flex flex-row sm:flex-col gap-4 items-start sm:items-center lg:items-start justify-between bg-surface-75 w-full h-full text-foreground-lighter [&amp;_strong]:!font-normal [&amp;_strong]:!text-foreground p-4 sm:py-6"><div class="relative z-10 h-full w-full mx-auto gap-2 sm:gap-4 flex flex-col items-start sm:items-center text-left sm:text-center lg:mx-0 lg:pl-2 lg:items-start lg:text-left"><div class="flex items-center gap-2 text-foreground"><svg width="18" height="18" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.03305 15.8071H12.7252M5.03305 15.8071V18.884H12.7252V15.8071M5.03305 15.8071V12.7302H12.7252V15.8071M15.0419 8.15385V5.07692C15.0419 3.37759 13.6643 2 11.965 2C10.2657 2 8.88814 3.37759 8.88814 5.07692V8.15385M5 11.2307L5 18.9231C5 20.6224 6.37757 22 8.07689 22H15.769C17.4683 22 18.8459 20.6224 18.8459 18.9231V11.2307C18.8459 9.53142 17.4683 8.15385 15.769 8.15385L8.07689 8.15385C6.37757 8.15385 5 9.53142 5 11.2307Z" stroke="currentColor" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5"></path></svg><h2 class="">Authentication</h2></div><div class="flex-1 flex flex-col justify-between gap-2"><p class="text-sm [&amp;_strong]:!text-foreground"><strong>Add user sign ups and logins</strong>,<br class="hidden lg:inline-block"/> securing your data with Row Level Security.</p></div></div><figure class="group absolute inset-0 z-0 -top-16 xl:top-0 xl:bottom-0 hidden sm:block" role="img" aria-label="Supabase Authentication provides Row Level Security which enables you to define custom Policies to restrict access to your database"><img alt="Supabase Authentication user db rows" fetchpriority="high" decoding="async" data-nimg="fill" class="hidden dark:block absolute inset-0 object-cover object-center xl:object-bottom" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcSet="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=16&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=32&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=48&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=64&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=96&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=128&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=256&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=384&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=640&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=750&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=828&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=1080&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=1200&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=1920&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=2048&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><img alt="Supabase Authentication user db rows" aria-hidden="true" loading="lazy" decoding="async" data-nimg="fill" class="hidden dark:block absolute inset-0 object-cover object-center xl:object-bottom opacity-0 group-hover:opacity-100 transition-opacity" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcSet="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active.svg&amp;w=16&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active.svg&amp;w=32&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active.svg&amp;w=48&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active.svg&amp;w=64&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active.svg&amp;w=96&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active.svg&amp;w=128&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active.svg&amp;w=256&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active.svg&amp;w=384&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active.svg&amp;w=640&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active.svg&amp;w=750&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active.svg&amp;w=828&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active.svg&amp;w=1080&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active.svg&amp;w=1200&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active.svg&amp;w=1920&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active.svg&amp;w=2048&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><img alt="Supabase Authentication user db rows" fetchpriority="high" decoding="async" data-nimg="fill" class="dark:hidden absolute inset-0 object-cover object-center xl:object-bottom" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcSet="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=16&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=32&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=48&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=64&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=96&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=128&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=256&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=384&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=640&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=750&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=828&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=1080&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=1200&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=1920&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=2048&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><img alt="Supabase Authentication user db rows" aria-hidden="true" loading="lazy" decoding="async" data-nimg="fill" class="dark:hidden absolute inset-0 object-cover object-center xl:object-bottom opacity-0 group-hover:opacity-100 transition-opacity" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcSet="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active-light.svg&amp;w=16&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active-light.svg&amp;w=32&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active-light.svg&amp;w=48&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active-light.svg&amp;w=64&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active-light.svg&amp;w=96&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active-light.svg&amp;w=128&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active-light.svg&amp;w=256&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active-light.svg&amp;w=384&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active-light.svg&amp;w=640&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active-light.svg&amp;w=750&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active-light.svg&amp;w=828&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active-light.svg&amp;w=1080&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active-light.svg&amp;w=1200&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active-light.svg&amp;w=1920&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active-light.svg&amp;w=2048&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active-light.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active-light.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></figure><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a><a class="group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus:outline-none focus:border-none focus:ring-brand-600 focus:ring-2 focus:rounded-xl col-span-6 xl:col-span-3" href="/edge-functions"><div class="group/panel rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger relative w-full h-full"><div class="z-10 rounded-[7px] md:rounded-[11px] relative overflow-hidden flex-1 flex flex-row sm:flex-col gap-4 items-start sm:items-center lg:items-start justify-between bg-surface-75 w-full h-full text-foreground-lighter [&amp;_strong]:!font-normal [&amp;_strong]:!text-foreground p-4 sm:py-6"><div class="relative z-10 h-full w-full mx-auto gap-2 sm:gap-4 flex flex-col items-start sm:items-center text-left sm:text-center lg:mx-0 lg:pl-2 lg:items-start lg:text-left"><div class="flex items-center gap-2 text-foreground"><svg width="18" height="18" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.6594 21.8201C8.10788 22.5739 9.75418 23 11.5 23C17.299 23 22 18.299 22 12.5C22 10.7494 21.5716 9.09889 20.8139 7.64754M16.4016 3.21191C14.9384 2.43814 13.2704 2 11.5 2C5.70101 2 1 6.70101 1 12.5C1 14.287 1.44643 15.9698 2.23384 17.4428M2.23384 17.4428C1.81058 17.96 1.55664 18.6211 1.55664 19.3416C1.55664 20.9984 2.89979 22.3416 4.55664 22.3416C6.21349 22.3416 7.55664 20.9984 7.55664 19.3416C7.55664 17.6847 6.21349 16.3416 4.55664 16.3416C3.62021 16.3416 2.78399 16.7706 2.23384 17.4428ZM21.5 5.64783C21.5 7.30468 20.1569 8.64783 18.5 8.64783C16.8432 8.64783 15.5 7.30468 15.5 5.64783C15.5 3.99097 16.8432 2.64783 18.5 2.64783C20.1569 2.64783 21.5 3.99097 21.5 5.64783ZM18.25 12.5C18.25 16.2279 15.2279 19.25 11.5 19.25C7.77208 19.25 4.75 16.2279 4.75 12.5C4.75 8.77208 7.77208 5.75 11.5 5.75C15.2279 5.75 18.25 8.77208 18.25 12.5Z" stroke="currentColor" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5"></path></svg><h2 class="">Edge Functions</h2></div><div class="flex-1 flex flex-col justify-between gap-2"><p class="text-sm [&amp;_strong]:!text-foreground">Easily write custom code<br class="hidden sm:inline-block"/> <strong>without deploying or scaling servers.</strong></p></div></div><figure class="absolute inset-0 z-20 hidden sm:block" role="img" aria-label="Supabase Edge Functions visual composition"><img alt="Supabase Edge Functions globe" fetchpriority="high" decoding="async" data-nimg="fill" class="hidden dark:block absolute inset-0 object-cover object-center" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcSet="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=16&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=32&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=48&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=64&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=96&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=128&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=256&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=384&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=640&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=750&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=828&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=1080&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=1200&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=1920&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=2048&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><img alt="Supabase Edge Functions globe" fetchpriority="high" decoding="async" data-nimg="fill" class="dark:hidden absolute inset-0 object-cover object-center" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcSet="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=16&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=32&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=48&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=64&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=96&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=128&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=256&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=384&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=640&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=750&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=828&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=1080&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=1200&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=1920&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=2048&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><div class=" absolute inset-0 top-[48%] xl:top-[45%] w-full max-w-[200px] h-fit mx-auto px-2.5 py-1.5 flex items-center justify-start rounded-full bg-surface-100 border border-strong text-xs text-foreground-lighter text-left "><span class="mr-2">$</span>supabase<span class="ml-1 text-brand inline-block">functions <span>deploy</span></span></div></figure><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a><a class="group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus:outline-none focus:border-none focus:ring-brand-600 focus:ring-2 focus:rounded-xl col-span-6 xl:col-span-3" href="/storage"><div class="group/panel rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger relative w-full h-full"><div class="z-10 rounded-[7px] md:rounded-[11px] relative overflow-hidden flex-1 flex flex-row sm:flex-col gap-4 items-start sm:items-center lg:items-start justify-between bg-surface-75 w-full h-full text-foreground-lighter [&amp;_strong]:!font-normal [&amp;_strong]:!text-foreground p-4 sm:py-6"><div class="relative z-10 h-full w-full mx-auto gap-2 sm:gap-4 flex flex-col items-start sm:items-center text-left sm:text-center lg:mx-0 lg:pl-2 lg:items-start lg:text-left"><div class="flex items-center gap-2 text-foreground"><svg width="18" height="18" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.4997 12.1386V9.15811L14.8463 3.53163H6.43717C5.57423 3.53163 4.87467 4.23119 4.87467 5.09413V9.78087M20.4447 9.13199L14.844 3.53125L14.844 7.56949C14.844 8.43243 15.5436 9.13199 16.4065 9.13199L20.4447 9.13199ZM7.12729 9.78087H4.83398C3.97104 9.78087 3.27148 10.4804 3.27148 11.3434V19.1559C3.27148 20.8818 4.67059 22.2809 6.39648 22.2809H18.8965C20.6224 22.2809 22.0215 20.8818 22.0215 19.1559V13.7011C22.0215 12.8381 21.3219 12.1386 20.459 12.1386H10.8032C10.3933 12.1386 9.99969 11.9774 9.70743 11.6899L8.22312 10.2296C7.93086 9.94202 7.53729 9.78087 7.12729 9.78087Z" stroke="currentColor" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5"></path></svg><h2 class="">Storage</h2></div><div class="flex-1 flex flex-col justify-between gap-2"><p class="text-sm [&amp;_strong]:!text-foreground"><strong>Store, organize, and serve</strong><br class="hidden sm:inline-block xl:hidden 2xl:inline-block"/> large files, from videos to images.</p></div></div><figure class="absolute inset-0 overflow-hidden nowrap hidden sm:block" role="img" aria-label="Supabase Storage supports images, documents and videos"><div class="relative h-full left-0 w-auto items-end pb-4 z-10 flex pause animate-marquee motion-safe:group-hover:run will-change-transform transition-transform"><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div></div><div class="relative h-full left-0 w-auto items-end pb-4 z-10 flex pause animate-marquee motion-safe:group-hover:run will-change-transform transition-transform"><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div></div></figure><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a><a class="group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus:outline-none focus:border-none focus:ring-brand-600 focus:ring-2 focus:rounded-xl col-span-6 pointer-events-none xl:col-span-3 hover:!cursor-[url(&#x27;/images/index/products/realtime-cursor-light.svg&#x27;),_auto] dark:hover:!cursor-[url(&#x27;/images/index/products/realtime-cursor-dark.svg&#x27;),_auto]" href="/realtime"><div class="group/panel rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger relative w-full h-full"><div class="z-10 rounded-[7px] md:rounded-[11px] relative overflow-hidden flex-1 flex flex-row sm:flex-col gap-4 items-start sm:items-center lg:items-start justify-between bg-surface-75 w-full h-full text-foreground-lighter [&amp;_strong]:!font-normal [&amp;_strong]:!text-foreground p-4 sm:py-6"><div class="relative z-10 h-full w-full mx-auto gap-2 sm:gap-4 flex flex-col items-start sm:items-center text-left sm:text-center lg:mx-0 lg:pl-2 lg:items-start lg:text-left"><div class="flex items-center gap-2 text-foreground"><svg width="18" height="18" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.15928 1.94531V5.84117M6.24345 5.84117L2.91385 2.40977M6.24345 8.53673H2.4248M16.7998 16.496L21.9988 15.2019C22.7217 15.022 22.8065 14.0285 22.1246 13.7286L9.73411 8.28034C9.08269 7.99391 8.41873 8.65652 8.70383 9.30851L14.0544 21.5445C14.3518 22.2247 15.341 22.1456 15.5266 21.4269L16.7998 16.496Z" stroke="currentColor" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5"></path></svg><h2 class="">Realtime</h2></div><div class="flex-1 flex flex-col justify-between gap-2"><p class="text-sm [&amp;_strong]:!text-foreground"><strong>Build multiplayer experiences</strong><br class="hidden sm:inline-block"/> with real-time data synchronization.</p></div></div><figure class="absolute inset-0 xl:-bottom-2 2xl:bottom-0 z-0 w-full overflow-hidden pointer-events-auto hidden sm:block" role="img" aria-label="Supabase Realtime multiplayer app demo"><img alt="Supabase Realtime" loading="lazy" decoding="async" data-nimg="fill" class="hidden dark:block absolute object-cover xl:object-center inset-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcSet="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-dark.svg&amp;w=16&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-dark.svg&amp;w=32&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-dark.svg&amp;w=48&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-dark.svg&amp;w=64&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-dark.svg&amp;w=96&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-dark.svg&amp;w=128&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-dark.svg&amp;w=256&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-dark.svg&amp;w=384&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-dark.svg&amp;w=640&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-dark.svg&amp;w=750&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-dark.svg&amp;w=828&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-dark.svg&amp;w=1080&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-dark.svg&amp;w=1200&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-dark.svg&amp;w=1920&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-dark.svg&amp;w=2048&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-dark.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-dark.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><img alt="Supabase Realtime" loading="lazy" decoding="async" data-nimg="fill" class="dark:hidden absolute object-cover xl:object-center inset-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcSet="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-light.svg&amp;w=16&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-light.svg&amp;w=32&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-light.svg&amp;w=48&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-light.svg&amp;w=64&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-light.svg&amp;w=96&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-light.svg&amp;w=128&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-light.svg&amp;w=256&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-light.svg&amp;w=384&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-light.svg&amp;w=640&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-light.svg&amp;w=750&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-light.svg&amp;w=828&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-light.svg&amp;w=1080&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-light.svg&amp;w=1200&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-light.svg&amp;w=1920&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-light.svg&amp;w=2048&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-light.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-light.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><div class="absolute will-change-transform" style="position:absolute;top:60%;left:30%;transform:translate(0px, 0px) translate(-50%, -50%);transition:transform 0.75s ease-out"><svg width="30" height="38" viewBox="0 0 30 38" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.58385 1.69742C2.57836 0.865603 1.05859 1.58076 1.05859 2.88572V35.6296C1.05859 37.1049 2.93111 37.7381 3.8265 36.5656L12.5863 25.0943C12.6889 24.96 12.8483 24.8812 13.0173 24.8812H27.3245C28.7697 24.8812 29.4211 23.0719 28.3076 22.1507L3.58385 1.69742Z" fill="hsl(var(--background-surface-200))" stroke="hsl(var(--foreground-lighter))" stroke-linejoin="round"></path></svg><div class="!w-[66.70px] !h-[33.35px] absolute left-full flex items-center justify-center gap-1 -top-6 border border-foreground-lighter/70 rounded-full bg-surface-100"><div class="w-1.5 h-1.5 rounded-full bg-foreground-lighter animate-[pulse_600ms_cubic-bezier(0.4,0,0.6,1)_infinite] pause group-hover:run"></div><div class="w-1.5 h-1.5 rounded-full bg-foreground-lighter animate-[pulse_600ms_cubic-bezier(0.4,0,0.6,1)_200ms_infinite] pause group-hover:run"></div><div class="w-1.5 h-1.5 rounded-full bg-foreground-lighter animate-[pulse_600ms_cubic-bezier(0.4,0,0.6,1)_400ms_infinite] pause group-hover:run"></div></div></div><div class="absolute will-change-transform scale-[80%]" style="position:absolute;top:80%;left:65%;transform:translate(0px, 0px) translate(-50%, -50%);transition:transform 1s ease-out"><svg width="20" height="28" viewBox="0 0 30 38" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.58385 1.69742C2.57836 0.865603 1.05859 1.58076 1.05859 2.88572V35.6296C1.05859 37.1049 2.93111 37.7381 3.8265 36.5656L12.5863 25.0943C12.6889 24.96 12.8483 24.8812 13.0173 24.8812H27.3245C28.7697 24.8812 29.4211 23.0719 28.3076 22.1507L3.58385 1.69742Z" fill="hsl(var(--background-surface-200))" stroke="hsl(var(--foreground-lighter))" stroke-linejoin="round"></path></svg><div class="!w-[55px] !h-[28px] absolute left-full flex items-center justify-center gap-1 -top-6 border border-foreground-muted rounded-full bg-surface-100 opacity-0 group-hover:opacity-100 transition-opacity"><div class="w-1.5 h-1.5 rounded-full bg-foreground-lighter animate-[pulse_600ms_cubic-bezier(0.4,0,0.6,1)_infinite] pause group-hover:run"></div><div class="w-1.5 h-1.5 rounded-full bg-foreground-lighter animate-[pulse_600ms_cubic-bezier(0.4,0,0.6,1)_200ms_infinite] pause group-hover:run"></div><div class="w-1.5 h-1.5 rounded-full bg-foreground-lighter animate-[pulse_600ms_cubic-bezier(0.4,0,0.6,1)_400ms_infinite] pause group-hover:run"></div></div></div><div class="absolute will-change-transform w-1 h-1 opacity-0 motion-safe:group-hover:opacity-100 delay-0 duration-75 group-hover:duration-300 transition-opacity" style="position:absolute;top:0;left:0;transform:translate(0px, 0px) translate(-50%, -50%)"><div class="w-auto h-auto px-2.5 py-1.5 absolute left-full flex items-center justify-center gap-1 -top-6 border border-brand rounded-full bg-brand-300"><div class="w-1.5 h-1.5 rounded-full bg-brand animate-[pulse_600ms_cubic-bezier(0.4,0,0.6,1)_infinite] pause group-hover:run"></div><div class="w-1.5 h-1.5 rounded-full bg-brand animate-[pulse_600ms_cubic-bezier(0.4,0,0.6,1)_200ms_infinite] pause group-hover:run"></div><div class="w-1.5 h-1.5 rounded-full bg-brand animate-[pulse_600ms_cubic-bezier(0.4,0,0.6,1)_400ms_infinite] pause group-hover:run"></div></div></div><div class=" absolute pointer-events-none w-full h-full max-h-[400px] lg:max-h-none inset-0 top-auto bg-[linear-gradient(to_top,transparent_0%,transparent_50%,hsl(var(--background-surface-75))_85%)] "></div></figure><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a><a class="group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus:outline-none focus:border-none focus:ring-brand-600 focus:ring-2 focus:rounded-xl col-span-6 xl:col-span-3" href="/modules/vector"><div class="group/panel rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger relative w-full h-full"><div class="z-10 rounded-[7px] md:rounded-[11px] relative overflow-hidden flex-1 flex flex-row sm:flex-col gap-4 items-start sm:items-center lg:items-start justify-between bg-surface-75 w-full h-full text-foreground-lighter [&amp;_strong]:!font-normal [&amp;_strong]:!text-foreground p-4 sm:py-6"><div class="relative z-10 h-full w-full mx-auto gap-2 sm:gap-4 flex flex-col items-start sm:items-center text-left sm:text-center lg:mx-0 lg:pl-2 lg:items-start lg:text-left"><div class="flex items-center gap-2 text-foreground"><svg width="18" height="18" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.9983 11.4482V21.7337M11.9983 11.4482L21.0732 6.17699M11.9983 11.4482L2.92383 6.17723M2.92383 6.17723V12.4849M2.92383 6.17723V6.1232L8.35978 2.9657M21.0736 12.54V6.1232L15.6376 2.9657M17.7247 18.6107L11.9987 21.9367L6.27265 18.6107" stroke="currentColor" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5"></path></svg><h2 class="">Vector</h2></div><div class="flex-1 flex flex-col justify-between gap-2"><p class="text-sm [&amp;_strong]:!text-foreground">Integrate your favorite ML-models to <br class="hidden sm:inline-block md:hidden"/><strong>store, index and search vector embeddings</strong>.</p><span class="hidden lg:block text-foreground"><ul class="flex flex-col gap-1 text-sm"><li class="flex items-center gap-2"><svg role="img" width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><title>OpenAI logo</title><path d="M19.7082 11.2701C20.1166 10.0449 19.9764 8.70392 19.3242 7.58845C18.3429 5.88172 16.3679 5.00397 14.4418 5.41237C13.5823 4.44928 12.351 3.90069 11.0588 3.90679C9.08995 3.90679 7.34055 5.17464 6.73101 7.04595C5.46315 7.30806 4.37206 8.10047 3.73204 9.22203C2.74458 10.9288 2.97011 13.0744 4.29282 14.5373C3.88443 15.7625 4.02462 17.1035 4.67684 18.2128C5.65821 19.9257 7.63314 20.8034 9.5654 20.395C10.4188 21.3581 11.65 21.9128 12.9423 21.9067C14.9111 21.9067 16.6605 20.6388 17.2701 18.7675C18.5379 18.5054 19.629 17.713 20.2629 16.5914C21.2565 14.8847 21.031 12.7391 19.7082 11.2762V11.2701ZM18.3063 8.17971C18.6964 8.8624 18.8427 9.6609 18.7086 10.435C18.6842 10.4167 18.6354 10.3924 18.605 10.3741L15.0208 8.30162C14.838 8.19799 14.6124 8.19799 14.4296 8.30162L10.2298 10.7276V8.94774L13.6981 6.94233C15.3134 6.00972 17.3737 6.56441 18.3063 8.17971ZM10.2298 11.8797L11.9975 10.8556L13.7652 11.8797V13.9216L11.9975 14.9457L10.2298 13.9216V11.8797ZM11.0527 5.08321C11.8451 5.08321 12.607 5.35751 13.2166 5.86343C13.1922 5.87562 13.1434 5.9061 13.1069 5.92439L9.52273 7.99075C9.33987 8.09437 9.23015 8.28943 9.23015 8.50277V13.3548L7.68799 12.4648V8.454C7.68799 6.58879 9.19357 5.08321 11.0588 5.07712L11.0527 5.08321ZM4.75608 9.81329C5.15228 9.1306 5.76792 8.60639 6.51157 8.33209V12.5928C6.51157 12.8062 6.62129 12.9951 6.80415 13.1048L10.9978 15.5247L9.44958 16.4208L5.98736 14.4215C4.37816 13.4889 3.82347 11.4286 4.75608 9.81329ZM5.70087 17.6338C5.30467 16.9572 5.16447 16.1526 5.29857 15.3784C5.32296 15.3967 5.37172 15.4211 5.4022 15.4394L8.98633 17.5119C9.16919 17.6155 9.39472 17.6155 9.57759 17.5119L13.7713 15.0859V16.8657L10.3029 18.8651C8.68765 19.7916 6.62738 19.243 5.69478 17.6338H5.70087ZM12.9484 20.7303C12.1621 20.7303 11.394 20.456 10.7906 19.95C10.815 19.9379 10.8698 19.9074 10.9003 19.8891L14.4844 17.8227C14.6673 17.7191 14.7831 17.524 14.777 17.3107V12.4648L16.3192 13.3548V17.3595C16.3192 19.2247 14.8075 20.7364 12.9484 20.7364V20.7303ZM19.2511 16.0002C18.8549 16.6829 18.2331 17.2071 17.4956 17.4753V13.2146C17.4956 13.0012 17.3859 12.8062 17.203 12.7025L13.0032 10.2765L14.5454 9.38661L18.0137 11.3859C19.629 12.3185 20.1776 14.3788 19.245 15.9941L19.2511 16.0002Z" fill="currentColor"></path></svg><span>OpenAI</span></li><li class="flex items-center gap-2"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><title>Hugging Face logo</title><path d="M14.5063 9.99415C14.6241 10.0358 14.7118 10.1627 14.7951 10.2834C14.9078 10.4466 15.0127 10.5984 15.1736 10.5128C15.7037 10.2309 15.905 9.57264 15.6231 9.04248C15.3412 8.51234 14.6829 8.31108 14.1527 8.59297C13.6226 8.87486 13.4213 9.53316 13.7032 10.0633C13.7778 10.2036 13.9432 10.1374 14.1179 10.0675C14.2548 10.0127 14.3974 9.95571 14.5063 9.99415Z" fill="currentColor"></path><path d="M9.09514 10.2834C9.17851 10.1627 9.26617 10.0358 9.38402 9.99415C9.49288 9.95571 9.63547 10.0127 9.77241 10.0675C9.94706 10.1374 10.1125 10.2036 10.1871 10.0633C10.469 9.53316 10.2677 8.87486 9.73755 8.59297C9.20739 8.31108 8.54909 8.51234 8.2672 9.04248C7.98531 9.57264 8.18657 10.2309 8.71673 10.5128C8.87762 10.5984 8.98246 10.4466 9.09514 10.2834Z" fill="currentColor"></path><path d="M17.161 11.018C17.5512 11.018 17.8676 10.7016 17.8676 10.3113C17.8676 9.92101 17.5512 9.60461 17.161 9.60461C16.7706 9.60461 16.4543 9.92101 16.4543 10.3113C16.4543 10.7016 16.7706 11.018 17.161 11.018Z" fill="currentColor"></path><path d="M7.75666 10.3113C7.75666 10.7016 7.44026 11.018 7.04997 11.018C6.65967 11.018 6.34329 10.7016 6.34329 10.3113C6.34329 9.92101 6.65967 9.60461 7.04997 9.60461C7.44026 9.60461 7.75666 9.92101 7.75666 10.3113Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M10.2643 11.867C10.7827 12.123 11.3674 12.4118 11.9967 12.4118C12.6281 12.4118 13.2188 12.1198 13.7412 11.8612C13.8755 11.7946 14.0128 11.7271 14.1376 11.6754C14.2558 11.6264 14.4041 11.5735 14.555 11.5634C14.723 11.5521 14.9473 11.5939 15.1049 11.7968C15.2359 11.9654 15.2584 12.172 15.2584 12.3283C15.2584 12.9001 15.062 13.7136 14.5621 14.3945C14.0482 15.0944 13.2161 15.6471 11.9967 15.6471C10.7774 15.6471 9.94528 15.0944 9.43142 14.3945C8.93144 13.7136 8.73514 12.9001 8.73514 12.3283C8.73514 12.1765 8.75633 11.981 8.87358 11.8169C9.01568 11.618 9.22619 11.5584 9.40046 11.5617C9.5519 11.5646 9.69847 11.613 9.81184 11.6576C9.93225 11.7049 10.0627 11.7677 10.1901 11.8304L10.2643 11.867ZM9.6146 12.5191C9.65304 12.9157 9.80861 13.4387 10.1325 13.8798C10.259 14.052 10.4113 14.2126 10.5946 14.3489C10.8301 14.0628 11.1482 13.8473 11.5124 13.7389C11.5993 13.713 11.6889 13.8627 11.7805 14.0159C11.869 14.1637 11.9594 14.3149 12.0514 14.3149C12.1494 14.3149 12.2457 14.1659 12.3397 14.0204C12.4379 13.8684 12.5336 13.7204 12.6261 13.75C12.6531 13.7586 12.6799 13.7678 12.7063 13.7776C13.0007 13.8867 13.2605 14.0671 13.4646 14.2979C13.619 14.1732 13.7499 14.031 13.861 13.8798C14.1849 13.4386 14.3404 12.9156 14.3789 12.5191C14.3062 12.5523 14.2234 12.5929 14.1271 12.6406L14.0759 12.666C13.5846 12.9098 12.8353 13.2816 11.9967 13.2816C11.1555 13.2816 10.4002 12.9061 9.90763 12.6612L9.90682 12.6608C9.87181 12.6434 9.83812 12.6266 9.80583 12.6107C9.73404 12.5754 9.67084 12.5448 9.6146 12.5191ZM14.3845 12.2678C14.3845 12.2678 14.3845 12.2678 14.3846 12.2681L14.3848 12.2693C14.3846 12.2683 14.3845 12.2678 14.3845 12.2678Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13.4818 20.3557C13.0168 20.4352 12.5388 20.4766 12.0511 20.4766C11.5966 20.4766 11.1505 20.4406 10.7155 20.3714C10.1735 20.9859 9.32496 21.297 8.18783 21.297C7.49528 21.297 6.69532 21.1805 5.81077 20.9511L5.81039 20.951C5.79063 20.9455 5.18516 20.7768 4.52417 20.5147C3.44871 20.0883 2.89489 19.691 2.67202 19.1868C2.52503 18.8541 2.53568 18.4968 2.70224 18.1807C2.71768 18.1513 2.73421 18.1226 2.75182 18.095C2.4748 17.6719 2.52785 17.2611 2.57961 17.0639C2.64571 16.8123 2.78248 16.6031 2.96817 16.4529C2.88011 16.3066 2.82118 16.1485 2.79574 15.9721C2.74225 15.6018 2.8651 15.2318 3.14169 14.9306C3.35695 14.696 3.66137 14.5668 3.9984 14.5668L4.00736 14.5669C3.75908 13.7723 3.62529 12.9272 3.62529 12.0508C3.62529 7.39737 7.39765 3.625 12.0511 3.625C16.7046 3.625 20.4769 7.39737 20.4769 12.0508C20.4769 12.9294 20.3425 13.7766 20.093 14.5729C20.1336 14.5689 20.1735 14.5668 20.2126 14.5668C20.5496 14.5668 20.854 14.696 21.0693 14.9306C21.3459 15.2318 21.4687 15.6018 21.4153 15.9721C21.3898 16.1485 21.3309 16.3066 21.2428 16.4529C21.4285 16.6031 21.5653 16.8123 21.6314 17.0639C21.6831 17.2611 21.7362 17.6719 21.4592 18.095C21.4768 18.1226 21.4933 18.1513 21.5087 18.1807C21.6753 18.4968 21.686 18.8541 21.539 19.1868C21.3161 19.691 20.7623 20.0883 19.6868 20.5147C19.0256 20.7769 18.42 20.9456 18.4007 20.951L18.4002 20.9511C17.5157 21.1805 16.7157 21.297 16.0232 21.297C14.8764 21.297 14.0231 20.9806 13.4818 20.3557ZM12.0511 4.49476C16.2242 4.49476 19.6072 7.87772 19.6072 12.0508C19.6072 12.6276 19.5425 13.1893 19.4201 13.7291C19.2075 13.5224 18.9259 13.4098 18.6153 13.4098C18.3335 13.4098 18.0436 13.5031 17.7536 13.6871C17.5611 13.8093 17.3485 14.0258 17.1295 14.2981C16.9266 14.0167 16.6427 13.8297 16.3178 13.7786C16.2556 13.7688 16.1923 13.7638 16.1299 13.7638C15.3882 13.7638 14.942 14.4072 14.7733 14.986C14.6896 15.1815 14.2878 16.0722 13.6833 16.6762C12.7664 17.5926 12.5342 18.5377 12.9826 19.55C12.6774 19.5875 12.3665 19.6069 12.0511 19.6069C11.7713 19.6069 11.495 19.5917 11.223 19.562C11.6786 18.5452 11.4482 17.5962 10.5277 16.6762C9.92322 16.0722 9.52139 15.1815 9.43767 14.986C9.26894 14.4072 8.82275 13.7638 8.08106 13.7638C8.01866 13.7638 7.95538 13.7688 7.8932 13.7786C7.56834 13.8297 7.28436 14.0167 7.08149 14.2981C6.86253 14.0258 6.64987 13.8093 6.45744 13.6871C6.16737 13.5031 5.87752 13.4098 5.59572 13.4098C5.24368 13.4098 4.92905 13.5544 4.70965 13.8166L4.70412 13.8233C4.56745 13.2548 4.49506 12.6613 4.49506 12.0508C4.49506 7.87772 7.87802 4.49476 12.0511 4.49476ZM5.59572 14.2796C5.70662 14.2796 5.84208 14.3268 5.99146 14.4216C6.45526 14.7158 7.35025 16.2542 7.67793 16.8526C7.78774 17.053 7.97539 17.1378 8.14434 17.1378C8.47963 17.1378 8.74143 16.8045 8.175 16.3809C7.32328 15.7436 7.62205 14.7018 8.02866 14.6377C8.04649 14.6349 8.0641 14.6336 8.08106 14.6336C8.45071 14.6336 8.61379 15.2707 8.61379 15.2707C8.61379 15.2707 9.09173 16.4709 9.91278 17.2913C10.7338 18.112 10.7762 18.7706 10.1778 19.6482C9.76971 20.2466 8.98844 20.4273 8.18783 20.4273C7.35742 20.4273 6.50614 20.2329 6.02908 20.1092C6.0056 20.1031 3.10429 19.2835 3.47176 18.586C3.53352 18.4688 3.63528 18.4218 3.76335 18.4218C4.038 18.4218 4.43201 18.6387 4.80181 18.8423C5.12882 19.0224 5.43692 19.192 5.62681 19.192C5.71727 19.192 5.78098 19.1535 5.80707 19.0596C5.88544 18.7784 5.35099 18.5713 4.76671 18.3449C4.06546 18.0732 3.29243 17.7736 3.42088 17.2848C3.46241 17.1263 3.57505 17.0619 3.73334 17.0622C4.13901 17.0622 4.84392 17.4854 5.41743 17.8297C5.81072 18.0658 6.14222 18.2648 6.27305 18.2648C6.29762 18.2648 6.31523 18.2577 6.3248 18.2424C6.48592 17.9824 6.39764 17.8008 5.26195 17.1135C5.17294 17.0596 5.08601 17.0074 5.00159 16.9567C4.00899 16.3606 3.36466 15.9737 3.78249 15.5188C3.83467 15.4618 3.9086 15.4366 3.9984 15.4366C4.68791 15.4368 6.31697 16.9193 6.31697 16.9193C6.31697 16.9193 6.75664 17.3766 7.02256 17.3766C7.08367 17.3766 7.13563 17.3524 7.17086 17.2929C7.26579 17.1328 6.82107 16.6806 6.34216 16.1936C5.87006 15.7135 5.36473 15.1997 5.31044 14.8986C5.23629 14.4877 5.36241 14.2796 5.59572 14.2796ZM18.2195 14.4216C18.3689 14.3268 18.5044 14.2796 18.6153 14.2796C18.8486 14.2796 18.9747 14.4877 18.9006 14.8986C18.8463 15.1997 18.3409 15.7135 17.8688 16.1936C17.3899 16.6806 16.9452 17.1328 17.0401 17.2929C17.0754 17.3524 17.1273 17.3766 17.1884 17.3766C17.4544 17.3766 17.894 16.9193 17.894 16.9193C17.894 16.9193 19.5231 15.4368 20.2126 15.4366C20.3024 15.4366 20.3763 15.4618 20.4285 15.5188C20.8463 15.9737 20.202 16.3606 19.2094 16.9567C19.125 17.0074 19.038 17.0596 18.949 17.1135C17.8133 17.8008 17.7251 17.9824 17.8862 18.2424C17.8958 18.2577 17.9134 18.2648 17.9379 18.2648C18.0688 18.2648 18.4003 18.0658 18.7936 17.8297C19.3671 17.4854 20.072 17.0622 20.4776 17.0622C20.6359 17.0619 20.7486 17.1263 20.7901 17.2848C20.9186 17.7736 20.1455 18.0732 19.4443 18.3449C18.86 18.5713 18.3255 18.7784 18.4039 19.0596C18.43 19.1535 18.4937 19.192 18.5842 19.192C18.7741 19.192 19.0822 19.0224 19.4092 18.8423C19.779 18.6387 20.173 18.4218 20.4476 18.4218C20.5757 18.4218 20.6775 18.4688 20.7392 18.586C21.1067 19.2835 18.2054 20.1031 18.1819 20.1092C17.7048 20.2329 16.8536 20.4273 16.0232 20.4273C15.2225 20.4273 14.4413 20.2466 14.0331 19.6482C13.4348 18.7706 13.4772 18.112 14.2982 17.2913C15.1193 16.4709 15.5972 15.2707 15.5972 15.2707C15.5972 15.2707 15.7603 14.6336 16.1299 14.6336C16.1469 14.6336 16.1645 14.6349 16.1823 14.6377C16.5889 14.7018 16.8877 15.7436 16.036 16.3809C15.4696 16.8045 15.7314 17.1378 16.0667 17.1378C16.2356 17.1378 16.4233 17.053 16.5331 16.8526C16.8607 16.2542 17.7557 14.7158 18.2195 14.4216Z" fill="currentColor"></path></svg><span>Hugging Face</span></li></ul></span></div></div><figure class="absolute inset-0 z-0 items-end top-auto aspect-[390/430] w-full md:w-[calc(100%+4rem)] 2xl:w-full md:-mx-8 2xl:mx-0 -bottom-0 sm:-bottom-28 md:bottom-0 lg:-bottom-28 xl:bottom-0 hidden sm:block" role="img" aria-label="Supabase Vector uses pgvector to store, index, and access embeddings"><span class="absolute w-full h-full lg:!aspect-[390/430] flex items-end justify-center inset-0 top-16 md:top-20 lg:top-0 bottom-auto mx-auto"><img alt="Supabase Vector graph" loading="lazy" decoding="async" data-nimg="fill" class="hidden dark:block absolute inset-0 z-0 object-contain object-center" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcSet="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-dark.svg&amp;w=16&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-dark.svg&amp;w=32&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-dark.svg&amp;w=48&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-dark.svg&amp;w=64&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-dark.svg&amp;w=96&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-dark.svg&amp;w=128&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-dark.svg&amp;w=256&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-dark.svg&amp;w=384&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-dark.svg&amp;w=640&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-dark.svg&amp;w=750&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-dark.svg&amp;w=828&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-dark.svg&amp;w=1080&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-dark.svg&amp;w=1200&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-dark.svg&amp;w=1920&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-dark.svg&amp;w=2048&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-dark.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-dark.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><img alt="Supabase Vector graph" loading="lazy" decoding="async" data-nimg="fill" class="dark:hidden absolute inset-0 z-0 object-contain object-center" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcSet="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-light.svg&amp;w=16&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-light.svg&amp;w=32&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-light.svg&amp;w=48&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-light.svg&amp;w=64&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-light.svg&amp;w=96&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-light.svg&amp;w=128&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-light.svg&amp;w=256&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-light.svg&amp;w=384&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-light.svg&amp;w=640&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-light.svg&amp;w=750&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-light.svg&amp;w=828&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-light.svg&amp;w=1080&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-light.svg&amp;w=1200&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-light.svg&amp;w=1920&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-light.svg&amp;w=2048&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-light.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-light.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><svg viewBox="0 0 390 430" fill="none" xmlns="http://www.w3.org/2000/svg" class="absolute w-full h-full z-20 m-auto opacity-0 group-hover:opacity-100 transition-opacity"><path d="m195.918 125.344 80.861 46.685v93.37l-80.861 46.685-80.861-46.685v-93.37l80.861-46.685Z" stroke="url(#paint0_radial_484_53266)" stroke-width="2"></path><defs><radialGradient id="paint0_radial_484_53266" cx="0" cy="0" r="2" gradientUnits="userSpaceOnUse" gradientTransform="translate(0 0) rotate(56.4303) scale(132.019)"><stop stop-color="hsl(var(--brand-default))"></stop><stop offset="1" stop-color="hsl(var(--brand-default))" stop-opacity="0"></stop></radialGradient></defs></svg></span></figure><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a><a class="group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus:outline-none focus:border-none focus:ring-brand-600 focus:ring-2 focus:rounded-xl col-span-6 xl:col-span-3" href="https://supabase.com/docs/guides/api"><div class="group/panel rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger relative w-full h-full"><div class="z-10 rounded-[7px] md:rounded-[11px] relative overflow-hidden flex-1 flex flex-row sm:flex-col gap-4 items-start sm:items-center lg:items-start justify-between bg-surface-75 w-full h-full text-foreground-lighter [&amp;_strong]:!font-normal [&amp;_strong]:!text-foreground p-4 sm:py-6"><div class="relative z-10 h-full w-full mx-auto gap-2 sm:gap-4 flex flex-col items-start sm:items-center text-left sm:text-center lg:mx-0 lg:pl-2 lg:items-start lg:text-left"><div class="flex items-center gap-2 text-foreground"><svg width="18" height="18" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.13477 12.8129C4.13477 14.1481 4.43245 15.4138 4.96506 16.5471M12.925 4.02271C11.5644 4.02271 10.276 4.33184 9.12614 4.88371M21.7152 12.8129C21.7152 11.4644 21.4115 10.1867 20.8688 9.0447M12.925 21.6032C14.2829 21.6032 15.5689 21.2952 16.717 20.7454M16.717 20.7454C17.2587 21.5257 18.1612 22.0366 19.1831 22.0366C20.84 22.0366 22.1831 20.6935 22.1831 19.0366C22.1831 17.3798 20.84 16.0366 19.1831 16.0366C17.5263 16.0366 16.1831 17.3798 16.1831 19.0366C16.1831 19.6716 16.3804 20.2605 16.717 20.7454ZM4.96506 16.5471C4.16552 17.086 3.63965 17.9999 3.63965 19.0366C3.63965 20.6935 4.98279 22.0366 6.63965 22.0366C8.2965 22.0366 9.63965 20.6935 9.63965 19.0366C9.63965 17.3798 8.2965 16.0366 6.63965 16.0366C6.01951 16.0366 5.44333 16.2248 4.96506 16.5471ZM9.12614 4.88371C8.58687 4.08666 7.67444 3.56274 6.63965 3.56274C4.98279 3.56274 3.63965 4.90589 3.63965 6.56274C3.63965 8.2196 4.98279 9.56274 6.63965 9.56274C8.2965 9.56274 9.63965 8.2196 9.63965 6.56274C9.63965 5.94069 9.45032 5.36285 9.12614 4.88371ZM20.8688 9.0447C21.6621 8.50486 22.1831 7.59464 22.1831 6.56274C22.1831 4.90589 20.84 3.56274 19.1831 3.56274C17.5263 3.56274 16.1831 4.90589 16.1831 6.56274C16.1831 8.2196 17.5263 9.56274 19.1831 9.56274C19.8081 9.56274 20.3884 9.37165 20.8688 9.0447Z" stroke="currentColor" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5"></path></svg><h2 class="">Data APIs</h2></div><div class="flex-1 flex flex-col justify-between gap-2"><p class="text-sm [&amp;_strong]:!text-foreground">Instant ready-to-use <strong>Restful APIs</strong>.</p></div></div><figure class="absolute inset-0 overflow-hidden hidden sm:block"><div class="absolute z-0 inset-0 flex flex-nowrap"><div class="relative h-full !aspect-[330/430] -right-10 -left-10 items-end pb-2 z-10 flex pause animate-[marquee-reverse_30000ms_linear_both_infinite] motion-safe:group-hover:run will-change-transform"><img alt="Supabase restful DataAPIs" loading="lazy" decoding="async" data-nimg="fill" class="hidden dark:block !h-full !aspect-[330/430]" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcSet="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=16&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=32&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=48&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=64&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=96&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=128&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=256&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=384&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=640&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=750&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=828&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=1080&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=1200&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=1920&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=2048&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><img alt="Supabase restful DataAPIs" loading="lazy" decoding="async" data-nimg="fill" class="dark:block !h-full !aspect-[330/430]" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcSet="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=16&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=32&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=48&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=64&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=96&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=128&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=256&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=384&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=640&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=750&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=828&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=1080&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=1200&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=1920&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=2048&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><div class="relative h-full !aspect-[330/430] -right-10 -left-10 items-end pb-2 z-10 flex pause animate-[marquee-reverse_30000ms_linear_both_infinite] motion-safe:group-hover:run will-change-transform"><img alt="Supabase restful DataAPIs" loading="lazy" decoding="async" data-nimg="fill" class="hidden dark:block !h-full !aspect-[330/430]" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcSet="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=16&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=32&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=48&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=64&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=96&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=128&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=256&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=384&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=640&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=750&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=828&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=1080&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=1200&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=1920&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=2048&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><img alt="Supabase restful DataAPIs" loading="lazy" decoding="async" data-nimg="fill" class="dark:block !h-full !aspect-[330/430]" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcSet="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=16&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=32&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=48&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=64&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=96&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=128&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=256&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=384&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=640&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=750&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=828&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=1080&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=1200&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=1920&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=2048&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><div class="relative h-full !aspect-[330/430] -right-10 -left-10 items-end pb-2 z-10 flex pause animate-[marquee-reverse_30000ms_linear_both_infinite] motion-safe:group-hover:run will-change-transform"><img alt="Supabase restful DataAPIs" loading="lazy" decoding="async" data-nimg="fill" class="hidden dark:block !h-full !aspect-[330/430]" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcSet="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=16&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=32&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=48&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=64&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=96&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=128&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=256&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=384&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=640&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=750&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=828&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=1080&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=1200&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=1920&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=2048&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><img alt="Supabase restful DataAPIs" loading="lazy" decoding="async" data-nimg="fill" class="dark:block !h-full !aspect-[330/430]" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcSet="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=16&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=32&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=48&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=64&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=96&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=128&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=256&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=384&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=640&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=750&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=828&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=1080&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=1200&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=1920&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=2048&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><img alt="Supabase restful DataAPIs" loading="lazy" decoding="async" data-nimg="fill" class="hidden dark:block absolute h-full aspect-[330/430] inset-0 z-10 object-contain xl:object-cover 2xl:object-contain object-center bottom-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcSet="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-dark.svg&amp;w=16&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-dark.svg&amp;w=32&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-dark.svg&amp;w=48&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-dark.svg&amp;w=64&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-dark.svg&amp;w=96&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-dark.svg&amp;w=128&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-dark.svg&amp;w=256&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-dark.svg&amp;w=384&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-dark.svg&amp;w=640&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-dark.svg&amp;w=750&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-dark.svg&amp;w=828&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-dark.svg&amp;w=1080&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-dark.svg&amp;w=1200&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-dark.svg&amp;w=1920&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-dark.svg&amp;w=2048&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-dark.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-dark.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><img alt="Supabase restful DataAPIs" loading="lazy" decoding="async" data-nimg="fill" class="dark:hidden absolute h-full aspect-[330/430] inset-0 z-10 object-contain xl:object-cover 2xl:object-contain object-center bottom-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcSet="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-light.svg&amp;w=16&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-light.svg&amp;w=32&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-light.svg&amp;w=48&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-light.svg&amp;w=64&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-light.svg&amp;w=96&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-light.svg&amp;w=128&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-light.svg&amp;w=256&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-light.svg&amp;w=384&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-light.svg&amp;w=640&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-light.svg&amp;w=750&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-light.svg&amp;w=828&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-light.svg&amp;w=1080&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-light.svg&amp;w=1200&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-light.svg&amp;w=1920&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-light.svg&amp;w=2048&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-light.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-light.svg&amp;w=3840&amp;q=100&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div></figure><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a><p class="text-xl sm:text-2xl text-foreground-lighter col-span-full tracking-[-.01rem]"><span class="text-foreground">Use one or all.</span> Best of breed products. Integrated as a platform.</p></div><div id="frameworks" class="sm:py-18 container relative mx-auto px-6 py-16 md:py-24 lg:px-16 lg:py-24 xl:px-20"><div class="relative z-20 w-full max-w-6xl mx-auto h-full flex flex-col xl:flex-row gap-4 items-center justify-between"><div class="!leading-tight text-center xl:text-left text-2xl md:text-4xl text-foreground-lighter whitespace-nowrap">Use Supabase with<!-- --> <div class="block"><span class="inline-block text-foreground" style="opacity:0;transform:translateY(10px)">any framework</span></div></div><div class="grid grid-cols-5 md:grid-cols-10"><a class="transition-opacity group" href="/docs/guides/getting-started/quickstarts/reactjs"><div class="m-1 bg-[var(--color-bg-darkest)] h-16 w-16 flex items-center justify-center rounded-md group-hover:border transition-all text-foreground-light border-foreground-light hover:shadow"><svg width="45" height="45" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M45.74 23.6983C45.2739 23.5379 44.7909 23.3861 44.2937 23.2426C44.3754 22.909 44.4504 22.5798 44.5171 22.2561C45.6119 16.9418 44.8961 12.6605 42.4518 11.2509C40.1079 9.89927 36.2748 11.3085 32.4035 14.6776C32.0313 15.0016 31.6579 15.3446 31.2848 15.704C31.0362 15.4662 30.7879 15.2364 30.5403 15.0165C26.4831 11.4141 22.4164 9.89599 19.9744 11.3097C17.6329 12.6652 16.9394 16.69 17.9249 21.7265C18.0201 22.2129 18.1313 22.7097 18.2571 23.2148C17.6816 23.3782 17.1259 23.5524 16.5943 23.7377C11.8376 25.3961 8.7998 27.9952 8.7998 30.6911C8.7998 33.4755 12.0609 36.2683 17.0153 37.9617C17.4063 38.0953 17.812 38.2217 18.2301 38.3416C18.0944 38.8879 17.9763 39.4232 17.8773 39.9454C16.9376 44.8944 17.6714 48.8242 20.0068 50.1711C22.4189 51.5622 26.4673 50.1324 30.4093 46.6865C30.7209 46.4141 31.0336 46.1253 31.3469 45.8225C31.7529 46.2135 32.1582 46.5835 32.5615 46.9306C36.3798 50.2164 40.151 51.5432 42.4842 50.1925C44.894 48.7975 45.6772 44.576 44.6604 39.4399C44.5828 39.0476 44.4924 38.6469 44.3909 38.239C44.6752 38.155 44.9543 38.0682 45.2265 37.978C50.3771 36.2715 53.7282 33.5127 53.7282 30.6911C53.7282 27.9854 50.5924 25.3688 45.74 23.6983ZM44.6228 36.1561C44.3772 36.2375 44.1251 36.3161 43.8682 36.3923C43.2996 34.5922 42.5322 32.6781 41.5931 30.7005C42.4893 28.7699 43.227 26.8803 43.7797 25.0919C44.2393 25.2249 44.6854 25.3651 45.1152 25.5132C49.2728 26.9444 51.8089 29.0605 51.8089 30.6911C51.8089 32.4279 49.07 34.6826 44.6228 36.1561ZM42.7776 39.8126C43.2272 42.0837 43.2914 44.1371 42.9936 45.7423C42.726 47.1847 42.1878 48.1463 41.5225 48.5315C40.1066 49.351 37.0787 48.2857 33.8132 45.4757C33.4388 45.1535 33.0618 44.8096 32.6835 44.4455C33.9495 43.061 35.2147 41.4514 36.4495 39.6638C38.6215 39.4711 40.6735 39.156 42.5344 38.7258C42.626 39.0955 42.7074 39.4581 42.7776 39.8126ZM24.1169 48.3898C22.7336 48.8784 21.6318 48.8924 20.9658 48.5084C19.5486 47.691 18.9594 44.5358 19.7631 40.3033C19.8551 39.8186 19.9647 39.3207 20.091 38.8118C21.9314 39.2187 23.9684 39.5116 26.1456 39.6881C27.3887 41.4373 28.6905 43.0452 30.0024 44.453C29.7157 44.7297 29.4302 44.9931 29.1463 45.2413C27.4032 46.7651 25.6564 47.8461 24.1169 48.3898ZM17.6361 36.1455C15.4453 35.3967 13.6361 34.4235 12.396 33.3616C11.2817 32.4073 10.7191 31.4599 10.7191 30.6911C10.7191 29.0551 13.1581 26.9684 17.226 25.5501C17.7196 25.378 18.2363 25.2158 18.7725 25.0635C19.3347 26.8923 20.0722 28.8043 20.9623 30.7378C20.0607 32.7 19.3128 34.6425 18.745 36.4927C18.3628 36.3829 17.9924 36.2672 17.6361 36.1455ZM19.8085 21.3579C18.9642 17.0428 19.5249 13.7876 20.936 12.9708C22.4391 12.1006 25.7628 13.3413 29.2659 16.4518C29.4898 16.6506 29.7146 16.8587 29.9401 17.074C28.6347 18.4756 27.3448 20.0714 26.1127 21.8103C23.9997 22.0061 21.977 22.3208 20.1174 22.742C20.0004 22.2717 19.8969 21.8097 19.8085 21.3579ZM39.1886 26.1433C38.744 25.3754 38.2876 24.6257 37.8223 23.8964C39.2558 24.0777 40.6293 24.3182 41.9191 24.6126C41.5318 25.8536 41.0492 27.1511 40.4811 28.4813C40.0735 27.7076 39.6425 26.9275 39.1886 26.1433ZM31.2854 18.4456C32.1707 19.4047 33.0573 20.4756 33.9293 21.6374C33.0506 21.5959 32.161 21.5743 31.264 21.5743C30.3755 21.5743 29.4925 21.5954 28.6192 21.6362C29.4921 20.4852 30.3863 19.4158 31.2854 18.4456ZM23.3317 26.1566C22.8876 26.9267 22.4645 27.7025 22.0634 28.4799C21.5045 27.1543 21.0263 25.8509 20.6357 24.5923C21.9176 24.3054 23.2846 24.0709 24.7089 23.8931C24.2371 24.6291 23.7769 25.3843 23.3317 26.1564V26.1566ZM24.75 37.626C23.2783 37.4618 21.8908 37.2394 20.6093 36.9604C21.0061 35.6793 21.4948 34.3481 22.0655 32.994C22.4677 33.7707 22.8925 34.5469 23.3393 35.3187H23.3393C23.7945 36.1049 24.266 36.875 24.75 37.626ZM31.3385 43.0719C30.4289 42.0904 29.5215 41.0047 28.6353 39.8368C29.4956 39.8706 30.3726 39.8879 31.264 39.8879C32.1798 39.8879 33.085 39.8672 33.9761 39.8276C33.1012 41.0164 32.2178 42.1038 31.3385 43.0719ZM40.4994 32.9249C41.0999 34.2937 41.6061 35.618 42.0081 36.8772C40.7054 37.1744 39.2989 37.4138 37.8171 37.5916C38.2835 36.8525 38.7439 36.0899 39.1963 35.3055C39.6539 34.5118 40.0885 33.717 40.4994 32.9249ZM37.5337 34.3466C36.8314 35.5643 36.1104 36.7268 35.3784 37.8241C34.0452 37.9194 32.6678 37.9685 31.264 37.9685C29.8659 37.9685 28.5058 37.9251 27.1962 37.8401C26.4347 36.7284 25.698 35.5625 25.0002 34.3571H25.0004C24.3044 33.155 23.6638 31.9427 23.0834 30.7372C23.6636 29.5289 24.3025 28.3152 24.9945 27.1152L24.9944 27.1155C25.6882 25.9123 26.4184 24.7521 27.1729 23.6473C28.509 23.5463 29.8792 23.4936 31.2639 23.4936H31.264C32.655 23.4936 34.0269 23.5467 35.3626 23.6486C36.1056 24.7453 36.8308 25.9017 37.5274 27.1051C38.2319 28.3219 38.879 29.5275 39.4642 30.7099C38.8808 31.9126 38.2351 33.1303 37.5337 34.3466ZM41.4931 12.9137C42.9976 13.7813 43.5826 17.2804 42.6374 21.8688C42.5771 22.1615 42.5092 22.4597 42.4354 22.762C40.5715 22.3319 38.5474 22.0118 36.4282 21.813C35.1937 20.055 33.9143 18.4567 32.6302 17.0731C32.9755 16.741 33.3202 16.4243 33.6636 16.1254C36.9805 13.2388 40.0806 12.0991 41.4931 12.9137ZM31.264 26.6791C33.4797 26.6791 35.276 28.4753 35.276 30.6911C35.276 32.9068 33.4797 34.703 31.264 34.703C29.0483 34.703 27.252 32.9068 27.252 30.6911C27.252 28.4753 29.0483 26.6791 31.264 26.6791Z" fill="currentColor"></path></svg></div></a><a class="transition-opacity group" href="/docs/guides/getting-started/quickstarts/nextjs"><div class="m-1 bg-[var(--color-bg-darkest)] h-16 w-16 flex items-center justify-center rounded-md group-hover:border transition-all text-foreground-light border-foreground-light hover:shadow"><svg width="45" height="45" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M42.3148 48.6796C38.9009 50.9525 34.8014 52.2771 30.3924 52.2771C18.4957 52.2771 8.85156 42.6329 8.85156 30.7362C8.85156 18.8395 18.4957 9.19531 30.3924 9.19531C42.2891 9.19531 51.9333 18.8395 51.9333 30.7362C51.9333 37.1564 49.1245 42.9207 44.6688 46.8671L39.5552 40.2803V21.8278H36.584V36.4531L25.2299 21.8278H21.4808V39.6473H24.4801V25.6368L42.3148 48.6796Z" fill="currentColor"></path></svg></div></a><a class="transition-opacity group" href="/docs/guides/getting-started/quickstarts/redwoodjs"><div class="m-1 bg-[var(--color-bg-darkest)] h-16 w-16 flex items-center justify-center rounded-md group-hover:border transition-all text-foreground-light border-foreground-light hover:shadow"><svg width="45" height="45" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.7716 14.6475L31.2847 21.1184C31.4993 21.2609 31.7501 21.3389 32.0076 21.3434C32.2654 21.3415 32.5167 21.2633 32.7304 21.1184L42.2508 14.6257C42.6207 14.3618 42.8247 13.9218 42.7876 13.4678C42.7505 13.0139 42.4779 12.6131 42.0701 12.4131L32.5569 7.71949C32.1961 7.545 31.7757 7.545 31.4147 7.71949L21.9306 12.4131C21.5154 12.6141 21.2392 13.0227 21.2063 13.4841C21.1735 13.9455 21.3891 14.3893 21.7716 14.6475ZM35.2389 23.1497C35.2396 23.5789 35.4504 23.9801 35.8027 24.2233L43.4291 29.4176C43.9173 29.7529 44.5705 29.7111 45.0123 29.316L51.4098 23.614C51.6948 23.3601 51.8531 22.9925 51.8419 22.6102C51.8309 22.2279 51.6513 21.8702 51.3519 21.6335L45.2436 16.7658C44.7995 16.4143 44.1802 16.3908 43.711 16.7078L35.8027 22.0978C35.4566 22.3366 35.2466 22.7283 35.2389 23.1497ZM16.2704 30.2155C16.5786 30.4914 16.7371 30.8984 16.6969 31.311C16.6569 31.7258 16.4164 32.0946 16.0536 32.2975L11.4994 35.0179C11.0377 35.2929 10.4548 35.2533 10.0344 34.9183C9.61395 34.5834 9.44327 34.0226 9.60544 33.509L11.2898 28.2278C11.4219 27.8093 11.7568 27.4869 12.1789 27.3718C12.6007 27.2494 13.0555 27.3567 13.3789 27.6547L16.2704 30.2155ZM40.9712 30.7668L32.7377 25.1519C32.3001 24.8585 31.7295 24.8585 31.2919 25.1519L23.0582 30.7668C22.7308 30.9927 22.5234 31.3557 22.4945 31.7534C22.4731 32.154 22.6323 32.5428 22.9282 32.8126L31.1545 40.1468C31.3918 40.3577 31.6979 40.4738 32.0148 40.4732C32.3315 40.4731 32.6375 40.3571 32.875 40.1468L41.1014 32.8126C41.3981 32.544 41.5553 32.1535 41.5279 31.7534C41.5049 31.3557 41.2993 30.9912 40.9712 30.7668ZM19.0101 29.316L12.6199 23.614C12.3323 23.3537 12.1736 22.9795 12.1861 22.5911C12.1931 22.2083 12.3708 21.8488 12.6705 21.6118L18.7788 16.715C19.2259 16.3645 19.8465 16.3411 20.3185 16.657L28.2197 22.047C28.5863 22.2867 28.8075 22.696 28.8075 23.1352C28.8075 23.5743 28.5863 23.9837 28.2197 24.2233L20.6005 29.4175C20.1093 29.7514 19.4552 29.7097 19.0101 29.316ZM51.8218 37.5062L45.3158 33.625C44.8326 33.3349 44.2176 33.3937 43.7977 33.7702L35.8461 40.8432C35.5106 41.1418 35.3531 41.5933 35.4296 42.0366C35.5063 42.4798 35.8059 42.8518 36.2219 43.0196L47.2531 47.4738C47.4044 47.5365 47.5666 47.5686 47.7302 47.5681C48.2422 47.5697 48.7069 47.2683 48.9158 46.7991L52.335 39.1675C52.6132 38.5636 52.3917 37.8462 51.8218 37.5062ZM52.7253 28.2278L54.4097 33.509H54.3952C54.5198 33.904 54.449 34.3351 54.2047 34.669C53.9604 35.0031 53.572 35.2 53.159 35.1993C52.9275 35.2 52.7 35.1374 52.5013 35.018L47.9399 32.2975C47.5844 32.0904 47.3524 31.722 47.3182 31.311C47.2755 30.8981 47.4344 30.49 47.7447 30.2155L50.6362 27.6474C50.9629 27.3558 51.4143 27.2493 51.8362 27.3645C52.258 27.4846 52.5918 27.8088 52.7253 28.2278ZM28.5955 42.033C28.6733 41.5915 28.5174 41.1412 28.1835 40.8432L20.2318 33.7702C19.8119 33.3937 19.1969 33.3349 18.7138 33.625L12.2078 37.5062C11.6445 37.8477 11.4216 38.556 11.6873 39.1603L15.1138 46.7919C15.3977 47.4283 16.1316 47.7261 16.7764 47.4666L27.8004 43.0124C28.2165 42.846 28.5173 42.4755 28.5955 42.033ZM32.4991 44.2093L41.3472 47.7785C41.7799 47.963 42.0787 48.3684 42.128 48.8376C42.184 49.3127 41.9722 49.7795 41.5785 50.0491L32.7232 56.1791C32.511 56.3277 32.2591 56.4086 32.0003 56.4113C31.7418 56.4073 31.4903 56.3265 31.2774 56.1791L22.4294 50.0491C22.0343 49.7802 21.82 49.3139 21.8728 48.8376C21.9318 48.3636 22.2414 47.9586 22.6824 47.7785L31.5305 44.2093C31.8416 44.0856 32.188 44.0856 32.4991 44.2093Z" fill="currentColor"></path></svg></div></a><a class="transition-opacity group" href="/docs/guides/getting-started/quickstarts/flutter"><div class="m-1 bg-[var(--color-bg-darkest)] h-16 w-16 flex items-center justify-center rounded-md group-hover:border transition-all text-foreground-light border-foreground-light hover:shadow"><svg width="45" height="45" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M46.5067 10.3828L34.3509 10.3962L14.75 29.9971L20.7974 36.0519L26.1125 30.7666L46.5067 10.3828Z M34.6996 28.4653C34.5272 28.4573 34.3493 28.4491 34.2378 28.5965L23.7856 39.0471L29.7894 45.0142L29.7825 45.021L34.079 49.3212C34.1072 49.3462 34.1352 49.3741 34.1637 49.4026C34.2813 49.5201 34.4074 49.6462 34.5895 49.6055C36.5743 49.601 38.5591 49.6017 40.544 49.6025C42.529 49.6032 44.5142 49.604 46.4998 49.5995L35.9333 39.0234L46.4963 28.467L34.906 28.464C34.8415 28.4719 34.7711 28.4686 34.6996 28.4653Z" fill="currentColor"></path></svg></div></a><a class="transition-opacity group" href="/docs/guides/getting-started/quickstarts/kotlin"><div class="m-1 bg-[var(--color-bg-darkest)] h-16 w-16 flex items-center justify-center rounded-md group-hover:border transition-all text-foreground-light border-foreground-light hover:shadow"><svg width="45" height="45" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M51.7395 51.7398H12.2598V12.2601H51.7395L31.591 31.7137L51.7395 51.7398Z" fill="currentColor"></path></svg></div></a><a class="transition-opacity group" href="/docs/guides/getting-started/quickstarts/sveltekit"><div class="m-1 bg-[var(--color-bg-darkest)] h-16 w-16 flex items-center justify-center rounded-md group-hover:border transition-all text-foreground-light border-foreground-light hover:shadow"><svg width="45" height="45" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M29.9094 11.2292C35.956 7.37668 44.3187 9.17299 48.553 15.2334H48.5532C50.5831 18.0746 51.3826 21.614 50.771 25.0519C50.4778 26.677 49.8581 28.2259 48.9493 29.6047C50.2752 32.1335 50.7201 35.0322 50.2136 37.8422C49.6086 41.2154 47.6106 44.1777 44.7096 46.0024L34.0903 52.7707C28.0445 56.623 19.6818 54.8274 15.4466 48.7665C13.4171 45.9251 12.6176 42.3859 13.2288 38.948C13.5223 37.3227 14.1422 35.7738 15.0512 34.3949C13.7247 31.8665 13.2794 28.9677 13.786 26.1577C14.3913 22.7845 16.3893 19.8223 19.29 17.9974L29.9094 11.2292ZM19.8146 45.9861C21.8311 48.8931 25.4469 50.2333 28.8709 49.343H28.8708C29.6345 49.139 30.3624 48.8192 31.0293 48.3946L41.6512 41.6252C43.396 40.5274 44.5979 38.7455 44.9622 36.7164C45.33 34.6483 44.8489 32.5192 43.6278 30.8101C41.6113 27.9032 37.9955 26.5629 34.5715 27.4531C33.8084 27.6571 33.081 27.9768 32.4147 28.4012L28.3617 30.9842C28.1601 31.1125 27.9401 31.2092 27.7093 31.271C26.6776 31.5384 25.5887 31.1342 24.9815 30.2584C24.614 29.7429 24.4693 29.1012 24.5801 28.4779C24.6899 27.8669 25.0519 27.3302 25.5774 26.9996L36.2002 20.2298C36.4017 20.1015 36.6218 20.0048 36.8526 19.9431C37.8838 19.6754 38.9725 20.0795 39.5793 20.9551C39.9039 21.4146 40.0556 21.974 40.0078 22.5345L39.9714 22.9285L40.3662 23.0484C41.8596 23.4989 43.265 24.2014 44.5218 25.1254L45.0657 25.5245L45.2658 24.9145C45.3729 24.59 45.4577 24.2586 45.5196 23.9225C45.8873 21.8544 45.4063 19.7254 44.1852 18.0162C42.1687 15.1093 38.553 13.7691 35.129 14.6593C34.3653 14.8633 33.6374 15.1832 32.9705 15.6077L22.3487 22.3777C20.6036 23.475 19.4016 25.2568 19.0376 27.2858C18.6699 29.3539 19.1509 31.4829 20.372 33.192C22.3885 36.099 26.0043 37.4392 29.4283 36.549C30.1914 36.345 30.9188 36.0256 31.5853 35.6017L35.6389 33.0177C35.8402 32.8895 36.06 32.7929 36.2905 32.7311C37.3221 32.4637 38.4111 32.868 39.0183 33.7438C39.3857 34.2592 39.5306 34.9007 39.4205 35.524C39.3102 36.1352 38.948 36.6718 38.4224 37.0028L27.7996 43.7722C27.5981 43.9006 27.378 43.9973 27.1471 44.059C26.116 44.3266 25.0273 43.9225 24.4204 43.0469C24.0955 42.5876 23.9438 42.0281 23.992 41.4675L24.0284 41.0735L23.6336 40.9537C22.1404 40.5032 20.7351 39.8011 19.4783 38.8776L18.934 38.4778L18.734 39.0878C18.6266 39.4122 18.5418 39.7437 18.4801 40.0798C18.1125 42.1479 18.5935 44.277 19.8146 45.9861Z" fill="currentColor"></path></svg></div></a><a class="transition-opacity group" href="/docs/guides/getting-started/quickstarts/solidjs"><div class="m-1 bg-[var(--color-bg-darkest)] h-16 w-16 flex items-center justify-center rounded-md group-hover:border transition-all text-foreground-light border-foreground-light hover:shadow"><svg width="45" height="45" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M26.7069 8.48157C39.8712 5.45973 56.8336 18.3919 56.8336 18.3919L51.0722 28.1073L50.9621 28.0856C51.0348 28.141 51.0722 28.1726 51.0722 28.1726C51.0681 28.1647 50.7083 27.8867 50.0561 27.4261C46.2099 24.7104 32.1917 15.6482 20.9454 18.2298C20.8906 18.2436 20.8351 18.2574 20.7793 18.2714C20.4417 18.3556 20.0905 18.4432 19.7867 18.5547C18.0673 19.116 16.7102 20.0163 15.7606 21.1271L15.7312 21.1213L20.5914 12.7706C20.6522 12.6724 20.7085 12.5694 20.7654 12.4654C20.8589 12.2942 20.9541 12.12 21.0742 11.9583C22.0076 10.5936 23.5204 9.45636 25.5481 8.8065C25.852 8.69497 26.2032 8.60737 26.5408 8.52316L26.5433 8.52253C26.5983 8.50882 26.6529 8.49519 26.7069 8.48157Z M19.46 32.0592L32.05 27.9448C35.8485 26.7049 40.3864 27.4446 43.8122 29.5562C43.7796 29.5338 44.8294 30.2289 44.9407 30.3542L49.7055 28.4801C49.3614 28.2446 48.0959 27.3256 47.6565 27.0394C45.8866 25.8866 43.3927 24.3844 40.4974 22.978C34.6564 20.1405 27.4046 17.8034 21.1853 19.2266L21.0193 19.2682C20.6776 19.3536 20.3877 19.4261 20.1399 19.5171L20.1225 19.5235L20.1048 19.5293C17.6631 20.3263 16.1341 21.8339 15.5155 23.5318C14.8997 25.2222 15.1285 27.2564 16.5089 29.2452C17.2625 30.3308 18.2761 31.2823 19.46 32.0592Z M41.5714 52.075L41.5772 52.087L41.5651 52.0849L41.5714 52.075Z M47.1224 40.0146L42.5493 48.2321C42.4667 46.8997 41.9832 45.5181 41.0622 44.1913C37.9723 39.7398 31.1166 37.5303 25.7414 39.2849L7.16602 45.3854L7.25332 45.1164L12.6666 35.3578L32.3681 28.9194C34.8201 28.119 37.6546 28.2128 40.2542 29.0469C42.8556 29.8816 45.136 31.4297 46.5284 33.4354C48.133 35.7496 48.1942 38.1212 47.1224 40.0146Z M9.07091 46.9944C8.63742 46.7131 8.24774 46.4532 7.90665 46.2212L26.0604 40.2592C28.5122 39.4591 31.3463 39.5529 33.9456 40.387C36.5471 41.2218 38.8277 42.77 40.2201 44.7759C41.6005 46.7647 41.8293 48.7989 41.2135 50.4893C40.5949 52.1872 39.0659 53.6948 36.6242 54.4918L36.6065 54.4976L36.5891 54.504C36.3413 54.595 36.0514 54.6675 35.7097 54.7529L35.5437 54.7946C29.3243 56.2177 22.0725 53.8806 16.231 51.047C13.3356 49.6424 10.8415 48.1431 9.07091 46.9944Z" fill="currentColor"></path></svg></div></a><a class="transition-opacity group" href="/docs/guides/getting-started/quickstarts/vue"><div class="m-1 bg-[var(--color-bg-darkest)] h-16 w-16 flex items-center justify-center rounded-md group-hover:border transition-all text-foreground-light border-foreground-light hover:shadow"><svg width="45" height="45" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M43.0532 13.4531H50.1147L30.2756 47.8158L10.4365 13.4531H17.4978L30.2755 35.5845L43.0532 13.4531ZM42.1764 13.4531L30.2755 34.0659L18.3746 13.4531L25.6939 13.4531L30.2756 21.3888L34.8572 13.4531L42.1764 13.4531Z" fill="currentColor"></path></svg></div></a><a class="transition-opacity group" href="/docs/guides/getting-started/quickstarts/nuxtjs"><div class="m-1 bg-[var(--color-bg-darkest)] h-16 w-16 flex items-center justify-center rounded-md group-hover:border transition-all text-foreground-light border-foreground-light hover:shadow"><svg width="45" height="45" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M32.5784 45.4741H50.2199C50.7802 45.4741 51.3307 45.3325 51.8159 45.0634C52.3012 44.7943 52.7041 44.4072 52.9842 43.9409C53.2642 43.4748 53.4115 42.946 53.4113 42.4078C53.4111 41.8696 53.2633 41.3409 52.9828 40.875L41.1352 21.164C40.8552 20.6979 40.4524 20.3109 39.9672 20.0418C39.4821 19.7727 38.9317 19.631 38.3715 19.631C37.8113 19.631 37.261 19.7727 36.7758 20.0418C36.2906 20.3109 35.8878 20.6979 35.6078 21.164L32.5784 26.2073L26.6555 16.3452C26.3753 15.8792 25.9723 15.4922 25.487 15.2232C25.0017 14.9541 24.4513 14.8125 23.8909 14.8125C23.3306 14.8125 22.7802 14.9541 22.2949 15.2232C21.8096 15.4922 21.4066 15.8792 21.1263 16.3452L6.38358 40.875C6.10311 41.3409 5.95532 41.8696 5.95508 42.4078C5.95483 42.946 6.10214 43.4748 6.38219 43.9409C6.66224 44.4072 7.06515 44.7943 7.5504 45.0634C8.03564 45.3325 8.58612 45.4741 9.14645 45.4741H20.2203C24.6079 45.4741 27.8436 43.6229 30.07 40.0113L38.3706 26.2073L47.0599 40.6619H35.4754L32.5784 45.4741ZM20.0398 40.657L12.3116 40.6553L23.8961 21.3836L29.6763 31.0195L25.8062 37.4599C24.3276 39.8032 22.6479 40.657 20.0398 40.657Z" fill="currentColor"></path></svg></div></a><a class="transition-opacity group" href="/docs/guides/getting-started/quickstarts/refine"><div class="m-1 bg-[var(--color-bg-darkest)] h-16 w-16 flex items-center justify-center rounded-md group-hover:border transition-all text-foreground-light border-foreground-light hover:shadow"><svg width="45" height="45" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M31.7374 20.9337C32.7027 20.9337 33.6284 21.3132 34.311 21.9887C34.9936 22.6642 35.377 23.5803 35.377 24.5356V39.4661C35.377 40.4214 34.9936 41.3375 34.311 42.013C33.6284 42.6885 32.7027 43.068 31.7374 43.068C30.7721 43.068 29.8463 42.6885 29.1638 42.013C28.4812 41.3375 28.0978 40.4214 28.0978 39.4661V24.5356C28.0978 24.0626 28.1919 23.5942 28.3748 23.1572C28.5577 22.7203 28.8258 22.3232 29.1638 21.9887C29.5018 21.6543 29.903 21.3889 30.3446 21.2079C30.7861 21.0269 31.2594 20.9337 31.7374 20.9337ZM31.7371 27.1915C33.2665 27.1915 34.5063 25.9646 34.5063 24.451C34.5063 22.9375 33.2665 21.7106 31.7371 21.7106C30.2077 21.7106 28.9679 22.9375 28.9679 24.451C28.9679 25.9646 30.2077 27.1915 31.7371 27.1915Z M54.0424 32C54.0424 44.3777 44.0083 54.4118 31.6306 54.4118C19.2529 54.4118 9.21875 44.3777 9.21875 32C9.21875 19.6223 19.2529 9.58813 31.6306 9.58813C44.0083 9.58813 54.0424 19.6223 54.0424 32ZM31.7374 19.3933C30.36 19.3952 29.0396 19.9376 28.0659 20.9016C27.0921 21.8657 26.5444 23.1726 26.543 24.5356V39.4661C26.543 40.8294 27.0902 42.137 28.0644 43.101C29.0385 44.065 30.3597 44.6066 31.7374 44.6066C33.115 44.6066 34.4362 44.065 35.4104 43.101C36.3845 42.137 36.9318 40.8294 36.9318 39.4661V24.5356C36.9304 23.1726 36.3827 21.8657 35.4089 20.9016C34.4352 19.9376 33.1148 19.3952 31.7374 19.3933Z" fill="currentColor"></path></svg></div></a></div></div></div><div id="customers" class="overflow-hidden pb-16 md:pb-24"><div class="sm:py-18 container relative mx-auto px-6 py-16 md:py-24 lg:px-16 lg:py-24 xl:px-20 !pb-8 w-full flex gap-4 justify-between flex-col xl:flex-row xl:items-end"><div class="xl:w-1/2"><div class="space-y-4"><span class="text-foreground-lighter block font-mono text-xs uppercase tracking-widest">Customer Stories</span><h3 class="h2 lg:max-w-md"><span>Infrastructure</span><span class="text-foreground-light inline"> to innovate and scale with ease.</span></h3></div><p class="text-foreground-lighter max-w-3xl text-lg sm:mt-4">See how Supabase empowers companies of all sizes to accelerate their growth and streamline their work.</p></div><div class="flex gap-2"><a data-size="tiny" type="button" class="relative justify-center cursor-pointer inline-flex items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border bg-brand-400 dark:bg-brand-500 hover:bg-brand/80 dark:hover:bg-brand/50 text-foreground border-brand-500/75 dark:border-brand/30 hover:border-brand-600 dark:hover:border-brand focus-visible:outline-brand-600 data-[state=open]:bg-brand-400/80 dark:data-[state=open]:bg-brand-500/80 data-[state=open]:outline-brand-600 text-xs px-2.5 py-1 h-[26px]" href="/customers"><span class="truncate">View all stories</span></a><a data-size="tiny" type="button" class="relative justify-center cursor-pointer inline-flex items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border text-foreground bg-alternative dark:bg-muted hover:bg-selection border-strong hover:border-stronger focus-visible:outline-brand-600 data-[state=open]:bg-selection data-[state=open]:outline-brand-600 data-[state=open]:border-button-hover text-xs px-2.5 py-1 h-[26px]" href="/events"><span class="truncate">View Events</span></a></div></div><div class="md:hidden w-full h-[230px]"><div class="swiper !px-6 w-full h-full overflow-visible"><div class="swiper-wrapper"><div class="swiper-slide flex w-full !h-full !w-[250px]"><div class="flex flex-col !h-full gap-3 w-[250px]"><div class="group/panel relative rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow pointer-events-none"><div class="relative z-10 w-full h-full rounded-[7px] md:rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="Quivr" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fquivr.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fquivr.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fquivr.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div><div class="group/panel relative rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow pointer-events-none"><div class="relative z-10 w-full h-full rounded-[7px] md:rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="Tinloof" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Ftinloof.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Ftinloof.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Ftinloof.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></div></div><div class="swiper-slide flex w-full !h-full !w-[250px]"><div class="flex flex-col !h-full gap-3 w-[250px]"><div class="group/panel relative rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow pointer-events-none"><div class="relative z-10 w-full h-full rounded-[7px] md:rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="1Password" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2F1password.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2F1password.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2F1password.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div><a class="col-span-12 md:col-span-4 w-full h-full flex-grow" href="/customers/next-door-lending"><div class="group/panel relative rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow"><div class="relative z-10 w-full h-full rounded-[7px] md:rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="Next Door Lending" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fnext-door-lending.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fnext-door-lending.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fnext-door-lending.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div></div><div class="swiper-slide flex !h-full w-full max-w-[450px]"><div class="flex flex-col !h-full gap-3 w-full"><a class="col-span-12 md:col-span-4 w-full md:w-[450px] h-full" href="/customers/maergo"><div class="group/panel rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger relative w-full h-full group cursor-pointer overflow-hidden text-left transition"><div class="relative z-10 w-full rounded-[7px] md:rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light h-full p-4 md:p-8 flex flex-col gap-6 justify-between"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right not-sr-only absolute top-8 right-8 -rotate-45 stroke-1 -translate-x-1 translate-y-1 opacity-0 transition-all group-hover:opacity-100 group-hover:translate-x-0 group-hover:translate-y-0"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><div class="relative box-content opacity-50 group-hover:opacity-75 transition-opacity"><div class="relative h-[33px] w-auto max-w-[145px]"><img alt="Maergo&#x27;s Express Delivery: How Supabase Helped Achieve Scalability, Speed, and Cost Saving" fetchpriority="high" decoding="async" data-nimg="fill" class="object-contain object-left" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=16&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 16w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=32&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 32w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=48&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 48w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 64w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=96&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 96w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 128w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=256&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 256w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 384w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 640w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=750&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 750w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=828&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 828w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=1080&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1080w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=1200&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1200w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=1920&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1920w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=2048&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2048w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=3840&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 3840w" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=3840&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div></div><p class="text-base text-foreground-lighter">Maergo&#x27;s Express Delivery: How Supabase Helped Achieve Scalability, Speed, and Cost Saving</p><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div></div><div class="swiper-slide flex w-full !h-full !w-[250px]"><div class="flex flex-col !h-full gap-3 w-[250px]"><a class="col-span-12 md:col-span-4 w-full h-full flex-grow" href="/customers/shotgun"><div class="group/panel relative rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow"><div class="relative z-10 w-full h-full rounded-[7px] md:rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="Shotgun" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fshotgun.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fshotgun.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fshotgun.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a><div class="group/panel relative rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow pointer-events-none"><div class="relative z-10 w-full h-full rounded-[7px] md:rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="Mozilla" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmozilla.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmozilla.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmozilla.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></div></div><div class="swiper-slide flex !h-full w-full max-w-[450px]"><div class="flex flex-col !h-full gap-3 w-full"><a class="col-span-12 md:col-span-4 w-full md:w-[450px] h-full" href="/customers/chatbase"><div class="group/panel rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger relative w-full h-full group cursor-pointer overflow-hidden text-left transition"><div class="relative z-10 w-full rounded-[7px] md:rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light h-full p-4 md:p-8 flex flex-col gap-6 justify-between"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right not-sr-only absolute top-8 right-8 -rotate-45 stroke-1 -translate-x-1 translate-y-1 opacity-0 transition-all group-hover:opacity-100 group-hover:translate-x-0 group-hover:translate-y-0"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><div class="relative box-content opacity-50 group-hover:opacity-75 transition-opacity"><div class="relative h-[33px] w-auto max-w-[145px]"><img alt="Bootstrapped founder builds an AI app with Supabase and scales to $1M in 5 months." fetchpriority="high" decoding="async" data-nimg="fill" class="object-contain object-left" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=16&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 16w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=32&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 32w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=48&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 48w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 64w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=96&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 96w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 128w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=256&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 256w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 384w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 640w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=750&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 750w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=828&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 828w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=1080&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1080w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=1200&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1200w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=1920&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1920w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=2048&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2048w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=3840&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 3840w" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=3840&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div></div><p class="text-base text-foreground-lighter">Bootstrapped founder builds an AI app with Supabase and scales to $1M in 5 months.</p><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div></div><div class="swiper-slide flex w-full !h-full !w-[250px]"><div class="flex flex-col !h-full gap-3 w-[250px]"><a class="col-span-12 md:col-span-4 w-full h-full flex-grow" href="/customers/mobbin"><div class="group/panel relative rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow"><div class="relative z-10 w-full h-full rounded-[7px] md:rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="Mobbin" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmobbin.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmobbin.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmobbin.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a><a class="col-span-12 md:col-span-4 w-full h-full flex-grow" href="/customers/happyteams"><div class="group/panel relative rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow"><div class="relative z-10 w-full h-full rounded-[7px] md:rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="HappyTeams" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fhappyteams.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fhappyteams.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fhappyteams.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div></div><div class="swiper-slide flex !h-full w-full max-w-[450px]"><div class="flex flex-col !h-full gap-3 w-full"><a class="col-span-12 md:col-span-4 w-full md:w-[450px] h-full" href="/customers/pebblely"><div class="group/panel rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger relative w-full h-full group cursor-pointer overflow-hidden text-left transition"><div class="relative z-10 w-full rounded-[7px] md:rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light h-full p-4 md:p-8 flex flex-col gap-6 justify-between"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right not-sr-only absolute top-8 right-8 -rotate-45 stroke-1 -translate-x-1 translate-y-1 opacity-0 transition-all group-hover:opacity-100 group-hover:translate-x-0 group-hover:translate-y-0"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><div class="relative box-content opacity-50 group-hover:opacity-75 transition-opacity"><div class="relative h-[33px] w-auto max-w-[145px]"><img alt="Scaling securely: one million users in 7 months protected with Supabase Auth" fetchpriority="high" decoding="async" data-nimg="fill" class="object-contain object-left" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=16&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 16w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=32&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 32w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=48&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 48w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 64w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=96&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 96w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 128w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=256&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 256w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 384w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 640w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=750&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 750w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=828&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 828w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=1080&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1080w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=1200&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1200w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=1920&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1920w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=2048&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2048w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=3840&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 3840w" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=3840&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div></div><p class="text-base text-foreground-lighter">Scaling securely: one million users in 7 months protected with Supabase Auth</p><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div></div></div></div></div><div class="group/tw-marquee w-full items-stretch h-[300px] min-w-[300px] nowrap mb-16 md:mb-24 lg:mb-24 gap-4 hidden md:flex"><div class="relative left-0 z-10 w-auto h-full flex items-end motion-safe:run motion-safe:animate-[marquee_50000ms_linear_both_infinite] group-hover/tw-marquee:pause will-change-transform transition-transform gap-4"><div class="flex flex-col !h-full gap-4 w-[250px]"><div class="group/panel relative rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow pointer-events-none"><div class="relative z-10 w-full h-full rounded-[7px] md:rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="Quivr" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fquivr.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fquivr.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fquivr.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div><div class="group/panel relative rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow pointer-events-none"><div class="relative z-10 w-full h-full rounded-[7px] md:rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="Tinloof" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Ftinloof.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Ftinloof.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Ftinloof.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></div><div class="flex flex-col !h-full gap-4 w-[250px]"><div class="group/panel relative rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow pointer-events-none"><div class="relative z-10 w-full h-full rounded-[7px] md:rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="1Password" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2F1password.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2F1password.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2F1password.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div><a class="col-span-12 md:col-span-4 w-full h-full flex-grow" href="/customers/next-door-lending"><div class="group/panel relative rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow"><div class="relative z-10 w-full h-full rounded-[7px] md:rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="Next Door Lending" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fnext-door-lending.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fnext-door-lending.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fnext-door-lending.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div><div class="flex flex-col !h-full gap-4 w-[450px]"><a class="col-span-12 md:col-span-4 w-full md:w-[450px] h-full" href="/customers/maergo"><div class="group/panel rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger relative w-full h-full group cursor-pointer overflow-hidden text-left transition"><div class="relative z-10 w-full rounded-[7px] md:rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light h-full p-4 md:p-8 flex flex-col gap-6 justify-between"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right not-sr-only absolute top-8 right-8 -rotate-45 stroke-1 -translate-x-1 translate-y-1 opacity-0 transition-all group-hover:opacity-100 group-hover:translate-x-0 group-hover:translate-y-0"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><div class="relative box-content opacity-50 group-hover:opacity-75 transition-opacity"><div class="relative h-[33px] w-auto max-w-[145px]"><img alt="Maergo&#x27;s Express Delivery: How Supabase Helped Achieve Scalability, Speed, and Cost Saving" fetchpriority="high" decoding="async" data-nimg="fill" class="object-contain object-left" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=16&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 16w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=32&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 32w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=48&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 48w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 64w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=96&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 96w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 128w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=256&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 256w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 384w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 640w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=750&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 750w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=828&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 828w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=1080&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1080w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=1200&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1200w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=1920&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1920w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=2048&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2048w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=3840&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 3840w" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=3840&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div></div><p class="text-base text-foreground-lighter">Maergo&#x27;s Express Delivery: How Supabase Helped Achieve Scalability, Speed, and Cost Saving</p><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div><div class="flex flex-col !h-full gap-4 w-[250px]"><a class="col-span-12 md:col-span-4 w-full h-full flex-grow" href="/customers/shotgun"><div class="group/panel relative rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow"><div class="relative z-10 w-full h-full rounded-[7px] md:rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="Shotgun" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fshotgun.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fshotgun.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fshotgun.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a><div class="group/panel relative rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow pointer-events-none"><div class="relative z-10 w-full h-full rounded-[7px] md:rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="Mozilla" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmozilla.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmozilla.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmozilla.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></div><div class="flex flex-col !h-full gap-4 w-[450px]"><a class="col-span-12 md:col-span-4 w-full md:w-[450px] h-full" href="/customers/chatbase"><div class="group/panel rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger relative w-full h-full group cursor-pointer overflow-hidden text-left transition"><div class="relative z-10 w-full rounded-[7px] md:rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light h-full p-4 md:p-8 flex flex-col gap-6 justify-between"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right not-sr-only absolute top-8 right-8 -rotate-45 stroke-1 -translate-x-1 translate-y-1 opacity-0 transition-all group-hover:opacity-100 group-hover:translate-x-0 group-hover:translate-y-0"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><div class="relative box-content opacity-50 group-hover:opacity-75 transition-opacity"><div class="relative h-[33px] w-auto max-w-[145px]"><img alt="Bootstrapped founder builds an AI app with Supabase and scales to $1M in 5 months." fetchpriority="high" decoding="async" data-nimg="fill" class="object-contain object-left" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=16&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 16w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=32&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 32w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=48&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 48w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 64w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=96&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 96w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 128w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=256&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 256w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 384w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 640w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=750&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 750w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=828&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 828w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=1080&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1080w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=1200&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1200w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=1920&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1920w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=2048&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2048w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=3840&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 3840w" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=3840&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div></div><p class="text-base text-foreground-lighter">Bootstrapped founder builds an AI app with Supabase and scales to $1M in 5 months.</p><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div><div class="flex flex-col !h-full gap-4 w-[250px]"><a class="col-span-12 md:col-span-4 w-full h-full flex-grow" href="/customers/mobbin"><div class="group/panel relative rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow"><div class="relative z-10 w-full h-full rounded-[7px] md:rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="Mobbin" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmobbin.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmobbin.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmobbin.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a><a class="col-span-12 md:col-span-4 w-full h-full flex-grow" href="/customers/happyteams"><div class="group/panel relative rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow"><div class="relative z-10 w-full h-full rounded-[7px] md:rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="HappyTeams" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fhappyteams.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fhappyteams.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fhappyteams.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div><div class="flex flex-col !h-full gap-4 w-[450px]"><a class="col-span-12 md:col-span-4 w-full md:w-[450px] h-full" href="/customers/pebblely"><div class="group/panel rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger relative w-full h-full group cursor-pointer overflow-hidden text-left transition"><div class="relative z-10 w-full rounded-[7px] md:rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light h-full p-4 md:p-8 flex flex-col gap-6 justify-between"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right not-sr-only absolute top-8 right-8 -rotate-45 stroke-1 -translate-x-1 translate-y-1 opacity-0 transition-all group-hover:opacity-100 group-hover:translate-x-0 group-hover:translate-y-0"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><div class="relative box-content opacity-50 group-hover:opacity-75 transition-opacity"><div class="relative h-[33px] w-auto max-w-[145px]"><img alt="Scaling securely: one million users in 7 months protected with Supabase Auth" fetchpriority="high" decoding="async" data-nimg="fill" class="object-contain object-left" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=16&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 16w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=32&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 32w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=48&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 48w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 64w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=96&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 96w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 128w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=256&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 256w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 384w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 640w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=750&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 750w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=828&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 828w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=1080&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1080w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=1200&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1200w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=1920&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1920w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=2048&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2048w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=3840&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 3840w" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=3840&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div></div><p class="text-base text-foreground-lighter">Scaling securely: one million users in 7 months protected with Supabase Auth</p><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div></div><div class="relative left-0 z-10 w-auto h-full flex items-end motion-safe:run motion-safe:animate-[marquee_50000ms_linear_both_infinite] group-hover/tw-marquee:pause will-change-transform transition-transform gap-4"><div class="flex flex-col !h-full gap-4 w-[250px]"><div class="group/panel relative rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow pointer-events-none"><div class="relative z-10 w-full h-full rounded-[7px] md:rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="Quivr" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fquivr.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fquivr.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fquivr.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div><div class="group/panel relative rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow pointer-events-none"><div class="relative z-10 w-full h-full rounded-[7px] md:rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="Tinloof" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Ftinloof.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Ftinloof.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Ftinloof.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></div><div class="flex flex-col !h-full gap-4 w-[250px]"><div class="group/panel relative rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow pointer-events-none"><div class="relative z-10 w-full h-full rounded-[7px] md:rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="1Password" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2F1password.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2F1password.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2F1password.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div><a class="col-span-12 md:col-span-4 w-full h-full flex-grow" href="/customers/next-door-lending"><div class="group/panel relative rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow"><div class="relative z-10 w-full h-full rounded-[7px] md:rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="Next Door Lending" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fnext-door-lending.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fnext-door-lending.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fnext-door-lending.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div><div class="flex flex-col !h-full gap-4 w-[450px]"><a class="col-span-12 md:col-span-4 w-full md:w-[450px] h-full" href="/customers/maergo"><div class="group/panel rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger relative w-full h-full group cursor-pointer overflow-hidden text-left transition"><div class="relative z-10 w-full rounded-[7px] md:rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light h-full p-4 md:p-8 flex flex-col gap-6 justify-between"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right not-sr-only absolute top-8 right-8 -rotate-45 stroke-1 -translate-x-1 translate-y-1 opacity-0 transition-all group-hover:opacity-100 group-hover:translate-x-0 group-hover:translate-y-0"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><div class="relative box-content opacity-50 group-hover:opacity-75 transition-opacity"><div class="relative h-[33px] w-auto max-w-[145px]"><img alt="Maergo&#x27;s Express Delivery: How Supabase Helped Achieve Scalability, Speed, and Cost Saving" fetchpriority="high" decoding="async" data-nimg="fill" class="object-contain object-left" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=16&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 16w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=32&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 32w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=48&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 48w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 64w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=96&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 96w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 128w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=256&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 256w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 384w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 640w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=750&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 750w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=828&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 828w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=1080&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1080w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=1200&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1200w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=1920&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1920w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=2048&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2048w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=3840&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 3840w" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmaergo.png&amp;w=3840&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div></div><p class="text-base text-foreground-lighter">Maergo&#x27;s Express Delivery: How Supabase Helped Achieve Scalability, Speed, and Cost Saving</p><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div><div class="flex flex-col !h-full gap-4 w-[250px]"><a class="col-span-12 md:col-span-4 w-full h-full flex-grow" href="/customers/shotgun"><div class="group/panel relative rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow"><div class="relative z-10 w-full h-full rounded-[7px] md:rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="Shotgun" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fshotgun.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fshotgun.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fshotgun.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a><div class="group/panel relative rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow pointer-events-none"><div class="relative z-10 w-full h-full rounded-[7px] md:rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="Mozilla" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmozilla.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmozilla.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmozilla.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></div><div class="flex flex-col !h-full gap-4 w-[450px]"><a class="col-span-12 md:col-span-4 w-full md:w-[450px] h-full" href="/customers/chatbase"><div class="group/panel rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger relative w-full h-full group cursor-pointer overflow-hidden text-left transition"><div class="relative z-10 w-full rounded-[7px] md:rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light h-full p-4 md:p-8 flex flex-col gap-6 justify-between"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right not-sr-only absolute top-8 right-8 -rotate-45 stroke-1 -translate-x-1 translate-y-1 opacity-0 transition-all group-hover:opacity-100 group-hover:translate-x-0 group-hover:translate-y-0"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><div class="relative box-content opacity-50 group-hover:opacity-75 transition-opacity"><div class="relative h-[33px] w-auto max-w-[145px]"><img alt="Bootstrapped founder builds an AI app with Supabase and scales to $1M in 5 months." fetchpriority="high" decoding="async" data-nimg="fill" class="object-contain object-left" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=16&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 16w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=32&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 32w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=48&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 48w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 64w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=96&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 96w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 128w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=256&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 256w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 384w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 640w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=750&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 750w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=828&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 828w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=1080&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1080w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=1200&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1200w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=1920&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1920w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=2048&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2048w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=3840&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 3840w" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fchatbase.png&amp;w=3840&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div></div><p class="text-base text-foreground-lighter">Bootstrapped founder builds an AI app with Supabase and scales to $1M in 5 months.</p><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div><div class="flex flex-col !h-full gap-4 w-[250px]"><a class="col-span-12 md:col-span-4 w-full h-full flex-grow" href="/customers/mobbin"><div class="group/panel relative rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow"><div class="relative z-10 w-full h-full rounded-[7px] md:rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="Mobbin" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmobbin.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmobbin.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmobbin.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a><a class="col-span-12 md:col-span-4 w-full h-full flex-grow" href="/customers/happyteams"><div class="group/panel relative rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow"><div class="relative z-10 w-full h-full rounded-[7px] md:rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="HappyTeams" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fhappyteams.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fhappyteams.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fhappyteams.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div><div class="flex flex-col !h-full gap-4 w-[450px]"><a class="col-span-12 md:col-span-4 w-full md:w-[450px] h-full" href="/customers/pebblely"><div class="group/panel rounded-lg md:rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger relative w-full h-full group cursor-pointer overflow-hidden text-left transition"><div class="relative z-10 w-full rounded-[7px] md:rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light h-full p-4 md:p-8 flex flex-col gap-6 justify-between"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right not-sr-only absolute top-8 right-8 -rotate-45 stroke-1 -translate-x-1 translate-y-1 opacity-0 transition-all group-hover:opacity-100 group-hover:translate-x-0 group-hover:translate-y-0"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><div class="relative box-content opacity-50 group-hover:opacity-75 transition-opacity"><div class="relative h-[33px] w-auto max-w-[145px]"><img alt="Scaling securely: one million users in 7 months protected with Supabase Auth" fetchpriority="high" decoding="async" data-nimg="fill" class="object-contain object-left" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcSet="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=16&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 16w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=32&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 32w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=48&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 48w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 64w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=96&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 96w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 128w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=256&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 256w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 384w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=640&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 640w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=750&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 750w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=828&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 828w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=1080&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1080w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=1200&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1200w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=1920&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1920w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=2048&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2048w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=3840&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 3840w" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fpebblely.png&amp;w=3840&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div></div><p class="text-base text-foreground-lighter">Scaling securely: one million users in 7 months protected with Supabase Auth</p><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div></div></div></div><div id="examples" class="sm:py-18 container relative mx-auto px-6 py-16 md:py-24 lg:px-16 lg:py-24 xl:px-20 xl:pt-32 !pb-0"><div class="text-center flex flex-col items-center"><h3 class="h2">Start building in seconds</h3><p class="p max-w-[300px] md:max-w-none">Kickstart your next project with templates built by us and our community.</p><div class="flex justify-center gap-2 py-4"><a data-size="small" type="button" class="relative justify-center cursor-pointer inline-flex items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border text-foreground bg-alternative dark:bg-muted hover:bg-selection border-strong hover:border-stronger focus-visible:outline-brand-600 data-[state=open]:bg-selection data-[state=open]:outline-brand-600 data-[state=open]:border-button-hover text-sm leading-4 px-3 py-2 h-full" href="/docs/guides/examples"><span class="truncate">View all examples</span></a><a data-size="small" type="button" class="relative justify-center cursor-pointer inline-flex items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border text-foreground bg-alternative dark:bg-muted hover:bg-selection border-strong hover:border-stronger focus-visible:outline-brand-600 data-[state=open]:bg-selection data-[state=open]:outline-brand-600 data-[state=open]:border-button-hover text-sm leading-4 px-3 py-2 h-[34px]" href="https://github.com/supabase/supabase/tree/master/examples"><div class="[&amp;_svg]:h-[18px] [&amp;_svg]:w-[18px] text-foreground-lighter"><div class="relative" style="width:14px;height:14px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="none" class="sbui-icon !w-full !h-full" width="100%" height="100%"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 0C3.5816 0 0 3.58719 0 8.01357C0 11.5535 2.292 14.5575 5.4712 15.6167C5.8712 15.6903 6.0168 15.4431 6.0168 15.2303C6.0168 15.0407 6.0104 14.5359 6.0064 13.8679C3.7808 14.3519 3.3112 12.7935 3.3112 12.7935C2.948 11.8671 2.4232 11.6207 2.4232 11.6207C1.6968 11.1247 2.4784 11.1343 2.4784 11.1343C3.2808 11.1903 3.7032 11.9599 3.7032 11.9599C4.4168 13.1839 5.576 12.8303 6.0312 12.6255C6.1048 12.1079 6.3112 11.7551 6.54 11.5551C4.764 11.3527 2.896 10.6647 2.896 7.59438C2.896 6.71998 3.208 6.00398 3.7192 5.44398C3.6368 5.24158 3.3624 4.42639 3.7976 3.32399C3.7976 3.32399 4.4696 3.10799 5.9976 4.14479C6.65022 3.9668 7.32355 3.87614 8 3.87519C8.68 3.87839 9.364 3.96719 10.0032 4.14479C11.5304 3.10799 12.2008 3.32319 12.2008 3.32319C12.6376 4.42639 12.3624 5.24158 12.2808 5.44398C12.7928 6.00398 13.1032 6.71998 13.1032 7.59438C13.1032 10.6727 11.232 11.3503 9.4504 11.5487C9.73762 11.7959 9.99282 12.2847 9.99282 13.0327C9.99282 14.1031 9.98322 14.9679 9.98322 15.2303C9.98322 15.4447 10.1272 15.6943 10.5336 15.6159C12.1266 15.0816 13.5115 14.0602 14.4924 12.696C15.4733 11.3318 16.0007 9.69382 16 8.01357C16 3.58719 12.4176 0 8 0Z" fill="currentColor"></path></svg></div></div><span class="truncate">Official GitHub library</span></a></div></div></div><div class="sm:py-18 container relative mx-auto px-6 py-16 md:py-24 lg:px-16 lg:py-24 xl:px-20 relative w-full !px-0 lg:!px-16 xl:!px-20 !pb-0 mb-16 md:mb-12 lg:mb-12 !pt-6 max-w-[1400px]"><div class="lg:hidden"><div class="swiper !px-6 w-full overflow-visible" style="z-index:0;margin-right:1px"><div class="swiper-wrapper"><div class="swiper-slide"></div><div class="swiper-slide"></div><div class="swiper-slide"></div><div class="swiper-slide"></div><div class="swiper-slide"></div><div class="swiper-slide"></div></div></div></div><div class="hidden lg:grid grid-cols-12 gap-5 mt-4"><div class="col-span-12 h-full lg:col-span-6 xl:col-span-4 flex items-stretch"></div><div class="col-span-12 h-full lg:col-span-6 xl:col-span-4 flex items-stretch"></div><div class="col-span-12 h-full lg:col-span-6 xl:col-span-4 flex items-stretch"></div><div class="col-span-12 h-full lg:col-span-6 xl:col-span-4 flex items-stretch"></div><div class="col-span-12 h-full lg:col-span-6 xl:col-span-4 flex items-stretch"></div><div class="col-span-12 h-full lg:col-span-6 xl:col-span-4 flex items-stretch"></div></div></div><div id="dashboard" class="sm:py-18 container relative mx-auto px-6 py-16 md:py-24 lg:px-16 lg:py-24 xl:px-20 text-center"><h3 class="mb-8 text-2xl md:text-4xl max-w-[300px] sm:max-w-none mx-auto text-foreground-lighter"><span class="text-foreground">Stay productive and manage your app</span><br class="hidden sm:block"/> without leaving the dashboard</h3><div class="relative flex flex-col gap-8 lg:gap-12 items-center"><div class="absolute -top-[500px] not-sr-only"></div><div class="relative w-full col-span-full flex justify-center gap-2" role="tablist"><button aria-selected="true" role="tab"><div class="inline-flex items-center bg-opacity-10 bg-surface-200 text-foreground-light border border-strong rounded-full text-sm py-1.5 px-3 lg:py-2 lg:px-8 hover:border-foreground-lighter hover:text-foreground opacity-100 !border-foreground">Table Editor</div></button><button aria-selected="false" role="tab"><div class="inline-flex items-center bg-opacity-10 bg-surface-200 text-foreground-light border border-strong rounded-full text-sm py-1.5 px-3 lg:py-2 lg:px-8 hover:border-foreground-lighter hover:text-foreground opacity-80">SQL Editor</div></button><button aria-selected="false" role="tab"><div class="inline-flex items-center bg-opacity-10 bg-surface-200 text-foreground-light border border-strong rounded-full text-sm py-1.5 px-3 lg:py-2 lg:px-8 hover:border-foreground-lighter hover:text-foreground opacity-80">RLS Policies</div></button></div><ul class="position order-last lg:order-2 w-ful flex flex-wrap items-center gap-x-8 gap-y-4 lg:gap-8 justify-center text-center mx-auto z-30" style="opacity:0"><li><a class="group cursor-pointer flex items-center gap-2 text-sm whitespace-nowrap text-foreground-light hover:text-foreground transition-colors hover:underline" href="/docs/guides/database/tables?queryGroups=database-method&amp;database-method=sql&amp;queryGroups=language&amp;language=js"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check stroke-2 w-4"><path d="M20 6 9 17l-5-5"></path></svg><span>Full CRUD</span></a></li><li><a class="group cursor-pointer flex items-center gap-2 text-sm whitespace-nowrap text-foreground-light hover:text-foreground transition-colors hover:underline" href="/docs/guides/database/tables?queryGroups=database-method&amp;database-method=sql&amp;queryGroups=language&amp;language=js#materialized-views"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check stroke-2 w-4"><path d="M20 6 9 17l-5-5"></path></svg><span>Materialized Views</span></a></li><li><a class="group cursor-pointer flex items-center gap-2 text-sm whitespace-nowrap text-foreground-light hover:text-foreground transition-colors hover:underline" href="/docs/guides/database/tables?queryGroups=database-method&amp;database-method=sql&amp;queryGroups=language&amp;language=js#joining-tables-with-foreign-keys"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check stroke-2 w-4"><path d="M20 6 9 17l-5-5"></path></svg><span>Foreign Tables</span></a></li><li><a class="group cursor-pointer flex items-center gap-2 text-sm whitespace-nowrap text-foreground-light hover:text-foreground transition-colors hover:underline" href="/docs/guides/database/partitions"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check stroke-2 w-4"><path d="M20 6 9 17l-5-5"></path></svg><span>Partitioned Tables</span></a></li><li><a class="group cursor-pointer flex items-center gap-2 text-sm whitespace-nowrap text-foreground-light hover:text-foreground transition-colors hover:underline" href="/docs/guides/database/overview#table-view"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check stroke-2 w-4"><path d="M20 6 9 17l-5-5"></path></svg><span>Easy as a spreadsheet</span></a></li></ul><div class="relative rounded-2xl shadow-lg p-2 h-full border flex flex-col overflow-hidden lg:order-last bg-default w-full max-w-6xl mx-auto"><div class="w-full px-2 pt-1 pb-3 relative flex items-center gap-1.5 lg:gap-2"><div class="w-2 h-2 bg-border rounded-full"></div><div class="w-2 h-2 bg-border rounded-full"></div><div class="w-2 h-2 bg-border rounded-full"></div></div><div class="h-full w-full aspect-video border overflow-hidden rounded-lg"></div></div></div></div><div class="sm:py-18 container relative mx-auto px-6 py-16 md:py-24 lg:px-16 lg:py-24 xl:px-20 w-full text-center flex flex-col items-center !pb-0"><h3 class="h2">Join the community</h3><p class="p max-w-[300px] md:max-w-none">Discover what our community has to say about their Supabase experience.</p><div class="my-4 flex justify-center gap-2"><a target="_blank" tabindex="-1" data-size="small" type="button" class="relative justify-center cursor-pointer inline-flex items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border text-foreground bg-alternative dark:bg-muted hover:bg-selection border-strong hover:border-stronger focus-visible:outline-brand-600 data-[state=open]:bg-selection data-[state=open]:outline-brand-600 data-[state=open]:border-button-hover text-sm leading-4 px-3 py-2 h-[34px]" href="https://github.com/supabase/supabase/discussions"><span class="truncate">GitHub discussions</span><div class="[&amp;_svg]:h-[18px] [&amp;_svg]:w-[18px] text-foreground-lighter"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path></svg></div></a><a target="_blank" tabindex="-1" data-size="small" type="button" class="relative justify-center cursor-pointer inline-flex items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border text-foreground bg-alternative dark:bg-muted hover:bg-selection border-strong hover:border-stronger focus-visible:outline-brand-600 data-[state=open]:bg-selection data-[state=open]:outline-brand-600 data-[state=open]:border-button-hover text-sm leading-4 px-3 py-2 h-[34px]" href="https://discord.supabase.com/"><span class="truncate">Discord</span><div class="[&amp;_svg]:h-[18px] [&amp;_svg]:w-[18px] text-foreground-lighter"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path></svg></div></a></div></div><div class="sm:py-18 container relative mx-auto px-6 py-16 md:py-24 lg:px-16 lg:py-24 xl:px-20 relative w-full !px-0 lg:!px-16 xl:!px-0 !pb-0 mb-16 md:mb-12 lg:mb-12 !pt-6 max-w-[1400px]"><div class="lg:hidden -mb-32"><div class="swiper h-[400px] !px-6 w-full overflow-visible" style="z-index:0;margin-right:1px"><div class="swiper-wrapper"><div class="swiper-slide"><a target="_blank" class="mb-4 z-0 break-inside-avoid-column block group" href="https://twitter.com/thatguy_tex/status/1497602628410388480"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@thatguy_tex twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F09HouOSt_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F09HouOSt_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F09HouOSt_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@thatguy_tex</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->Working with @supabase has been one of the best dev experiences I&#x27;ve had lately. Incredibly easy to set up, great documentation, and so many fewer hoops to jump through than the competition. I definitely plan to use it on any and all future projects.<!-- -->&quot;</p></div></a></div><div class="swiper-slide"><a target="_blank" class="mb-4 z-0 break-inside-avoid-column block group" href="https://twitter.com/IxoyeDesign/status/1497473731777728512"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@IxoyeDesign twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FC8opIL-g_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FC8opIL-g_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FC8opIL-g_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@IxoyeDesign</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->@supabase is just 🤯 Now I see why a lot of people love using it as a backend for their applications. I am really impressed with how easy it is to set up an Auth and then just code it together for the frontend. @IngoKpp now I see your joy with Supabase #coding #fullstackwebdev<!-- -->&quot;</p></div></a></div><div class="swiper-slide"><a target="_blank" class="mb-4 z-0 break-inside-avoid-column block group" href="https://twitter.com/varlenneto/status/1496595780475535366"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@varlenneto twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FwkXN0t_F_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FwkXN0t_F_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FwkXN0t_F_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@varlenneto</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->I&#x27;ve been using @supabase for two personal projects and it has been amazing being able to use the power of Postgres and don&#x27;t have to worry about the backend<!-- -->&quot;</p></div></a></div><div class="swiper-slide"><a target="_blank" class="mb-4 z-0 break-inside-avoid-column block group" href="https://twitter.com/justinjunodev/status/1500264302749622273"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@justinjunodev twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F9k_ZB9OO_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F9k_ZB9OO_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F9k_ZB9OO_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@justinjunodev</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->Y&#x27;all @supabase + @nextjs is amazing! 🙌 Barely an hour into a proof-of-concept and already have most of the functionality in place. 🤯🤯🤯<!-- -->&quot;</p></div></a></div><div class="swiper-slide"><a target="_blank" class="mb-4 z-0 break-inside-avoid-column block group" href="https://twitter.com/BraydonCoyer/status/1511071369731137537"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@BraydonCoyer twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F8YxkpW8f_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F8YxkpW8f_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F8YxkpW8f_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@BraydonCoyer</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->And thanks to @supabase, I was able to go from idea to launched feature in a matter of hours. Absolutely amazing!<!-- -->&quot;</p></div></a></div><div class="swiper-slide"><a target="_blank" class="mb-4 z-0 break-inside-avoid-column block group" href="https://twitter.com/damlakoksal/status/1511436907984662539"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@damlakoksal twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FN8EfTFs7_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FN8EfTFs7_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FN8EfTFs7_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@damlakoksal</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->Contributing to open-source projects and seeing merged PRs gives enormous happiness! Special thanks to @supabase, for giving this opportunity by staying open-source and being junior-friendly✌🏼<!-- -->&quot;</p></div></a></div><div class="swiper-slide"><a target="_blank" class="mb-4 z-0 break-inside-avoid-column block group" href="https://twitter.com/kentherogers/status/1512609587110719488"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@KenTheRogers twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F9l9Td-Fz_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F9l9Td-Fz_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F9l9Td-Fz_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@KenTheRogers</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->Holy crap. @supabase is absolutely incredible. Most elegant backend as a service I&#x27;ve ever used. This is a dream.<!-- -->&quot;</p></div></a></div><div class="swiper-slide"><a target="_blank" class="mb-4 z-0 break-inside-avoid-column block group" href="https://twitter.com/paoloricciuti/status/1497691838597066752"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@PaoloRicciuti twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FOCDKFUOp_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FOCDKFUOp_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FOCDKFUOp_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@PaoloRicciuti</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->Using @supabase I&#x27;m really pleased on the power of postgres (and sql in general). Despite being a bit dubious about the whole backend as a service thing I have to say I really don&#x27;t miss anything. The whole experience feel very robust and secure.<!-- -->&quot;</p></div></a></div><div class="swiper-slide"><a target="_blank" class="mb-4 z-0 break-inside-avoid-column block group" href="https://twitter.com/saxxone/status/1500812171063828486"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@saxxone twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FBXi6z1M7_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FBXi6z1M7_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FBXi6z1M7_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@saxxone</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->@supabase is lit. It took me less than 10 minutes to setup, the DX is just amazing.<!-- -->&quot;</p></div></a></div><div class="swiper-slide"><a target="_blank" class="mb-4 z-0 break-inside-avoid-column block group" href="https://twitter.com/michaelcdever/status/1524753565599690754"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@michaelcdever twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FrWX8Jzp5_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FrWX8Jzp5_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FrWX8Jzp5_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@michaelcdever</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->I’m not sure what magic @supabase is using but we’ve migrated @happyteamsdotio database to @supabase from @heroku and it’s much much faster at half the cost.<!-- -->&quot;</p></div></a></div><div class="swiper-slide"><a target="_blank" class="mb-4 z-0 break-inside-avoid-column block group" href="https://twitter.com/swyx/status/1366685025047994373"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@swyx twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FqhvO9V6x_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FqhvO9V6x_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FqhvO9V6x_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@swyx</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->There are a lot of indie hackers building in public, but it’s rare to see a startup shipping as consistently and transparently as Supabase. Their upcoming March releases look to be 🔥 Def worth a follow! also opened my eyes as to how to value add in open source.<!-- -->&quot;</p></div></a></div><div class="swiper-slide"><a target="_blank" class="mb-4 z-0 break-inside-avoid-column block group" href="https://twitter.com/jperelli/status/1366195769657720834"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@jperelli twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F_ki30kYo_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F_ki30kYo_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F_ki30kYo_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@jperelli</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->This weekend I made a personal record 🥇 on the less time spent creating an application with social login / permissions, database, cdn, infinite scaling, git push to deploy and for free. Thanks to @supabase and @vercel<!-- -->&quot;</p></div></a></div><div class="swiper-slide"><a target="_blank" class="mb-4 z-0 break-inside-avoid-column block group" href="https://twitter.com/KennethCassel/status/1524359528619384834"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@KennethCassel twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FpmQj3TX-_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FpmQj3TX-_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FpmQj3TX-_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@KennethCassel</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->Badass! Supabase is amazing. literally saves our small team a whole engineer’s worth of work constantly. The founders and everyone I’ve chatted with at supabase are just awesome people as well :)<!-- -->&quot;</p></div></a></div><div class="swiper-slide"><a target="_blank" class="mb-4 z-0 break-inside-avoid-column block group" href="https://twitter.com/the_BrianB/status/1524716498442276864"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@the_BrianB twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F7NITI8Z3_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F7NITI8Z3_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F7NITI8Z3_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@the_BrianB</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->Working with Supabase is just fun. It makes working with a DB so much easier.<!-- -->&quot;</p></div></a></div><div class="swiper-slide"><a target="_blank" class="mb-4 z-0 break-inside-avoid-column block group" href="https://twitter.com/_wilhelm__/status/1524074865107488769"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@_wilhelm__ twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FCvqDy6YF_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FCvqDy6YF_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FCvqDy6YF_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@_wilhelm__</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->This community is STRONG and will continue to be the reason why developers flock to @supabase over an alternative. Keep up the good work! ⚡️<!-- -->&quot;</p></div></a></div><div class="swiper-slide"><a target="_blank" class="mb-4 z-0 break-inside-avoid-column block group" href="https://twitter.com/drewclemcr8/status/1523843155484942340"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@drewclemcr8 twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FbJlKtSxz_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FbJlKtSxz_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FbJlKtSxz_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@drewclemcr8</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->Working on my next SaaS app and I want this to be my whole job because I&#x27;m just straight out vibing putting it together. @supabase and chill, if you will<!-- -->&quot;</p></div></a></div><div class="swiper-slide"><a target="_blank" class="mb-4 z-0 break-inside-avoid-column block group" href="https://twitter.com/CodiferousCoder/status/1522233113207836675"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@CodiferousCoder twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2Ft37cVLwy_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2Ft37cVLwy_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2Ft37cVLwy_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@CodiferousCoder</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->@supabase Putting a ton of well-explained example API queries in a self-building documentation is just a classy move all around. I also love having GraphQL-style nested queries with traditional SQL filtering. This is pure DX delight. A+++. #backend<!-- -->&quot;</p></div></a></div><div class="swiper-slide"><a target="_blank" class="mb-4 z-0 break-inside-avoid-column block group" href="https://twitter.com/nasiscoe/status/1365140856035024902"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@nasiscoe twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2Fnc2Ms5hH_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2Fnc2Ms5hH_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2Fnc2Ms5hH_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@nasiscoe</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->Me using @supabase for the first time right now 🤯<!-- -->&quot;</p></div></a></div></div></div></div><div class="group overflow-hidden relative transition-all max-h-[500px] w-auto flex-nowrap hidden lg:flex"><div class="columns-1 sm:columns-2 md:columns-2 lg:columns-3 xl:columns-5 gap-4 h-fit pr-4 w-screen min-w-[900px] xl:min-w-[1600px] max-w-[1600px] animate-[marquee_40000ms_linear_both_infinite] group-hover:pause motion-reduce:animate-none motion-reduce:will-change-none will-change-transform transition-transform"><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/thatguy_tex/status/1497602628410388480"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@thatguy_tex twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F09HouOSt_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F09HouOSt_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F09HouOSt_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@thatguy_tex</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->Working with @supabase has been one of the best dev experiences I&#x27;ve had lately. Incredibly easy to set up, great documentation, and so many fewer hoops to jump through than the competition. I definitely plan to use it on any and all future projects.<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/IxoyeDesign/status/1497473731777728512"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@IxoyeDesign twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FC8opIL-g_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FC8opIL-g_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FC8opIL-g_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@IxoyeDesign</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->@supabase is just 🤯 Now I see why a lot of people love using it as a backend for their applications. I am really impressed with how easy it is to set up an Auth and then just code it together for the frontend. @IngoKpp now I see your joy with Supabase #coding #fullstackwebdev<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/varlenneto/status/1496595780475535366"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@varlenneto twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FwkXN0t_F_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FwkXN0t_F_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FwkXN0t_F_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@varlenneto</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->I&#x27;ve been using @supabase for two personal projects and it has been amazing being able to use the power of Postgres and don&#x27;t have to worry about the backend<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/justinjunodev/status/1500264302749622273"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@justinjunodev twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F9k_ZB9OO_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F9k_ZB9OO_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F9k_ZB9OO_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@justinjunodev</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->Y&#x27;all @supabase + @nextjs is amazing! 🙌 Barely an hour into a proof-of-concept and already have most of the functionality in place. 🤯🤯🤯<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/BraydonCoyer/status/1511071369731137537"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@BraydonCoyer twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F8YxkpW8f_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F8YxkpW8f_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F8YxkpW8f_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@BraydonCoyer</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->And thanks to @supabase, I was able to go from idea to launched feature in a matter of hours. Absolutely amazing!<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/damlakoksal/status/1511436907984662539"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@damlakoksal twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FN8EfTFs7_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FN8EfTFs7_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FN8EfTFs7_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@damlakoksal</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->Contributing to open-source projects and seeing merged PRs gives enormous happiness! Special thanks to @supabase, for giving this opportunity by staying open-source and being junior-friendly✌🏼<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/kentherogers/status/1512609587110719488"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@KenTheRogers twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F9l9Td-Fz_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F9l9Td-Fz_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F9l9Td-Fz_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@KenTheRogers</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->Holy crap. @supabase is absolutely incredible. Most elegant backend as a service I&#x27;ve ever used. This is a dream.<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/paoloricciuti/status/1497691838597066752"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@PaoloRicciuti twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FOCDKFUOp_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FOCDKFUOp_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FOCDKFUOp_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@PaoloRicciuti</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->Using @supabase I&#x27;m really pleased on the power of postgres (and sql in general). Despite being a bit dubious about the whole backend as a service thing I have to say I really don&#x27;t miss anything. The whole experience feel very robust and secure.<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/saxxone/status/1500812171063828486"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@saxxone twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FBXi6z1M7_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FBXi6z1M7_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FBXi6z1M7_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@saxxone</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->@supabase is lit. It took me less than 10 minutes to setup, the DX is just amazing.<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/michaelcdever/status/1524753565599690754"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@michaelcdever twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FrWX8Jzp5_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FrWX8Jzp5_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FrWX8Jzp5_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@michaelcdever</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->I’m not sure what magic @supabase is using but we’ve migrated @happyteamsdotio database to @supabase from @heroku and it’s much much faster at half the cost.<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/swyx/status/1366685025047994373"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@swyx twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FqhvO9V6x_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FqhvO9V6x_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FqhvO9V6x_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@swyx</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->There are a lot of indie hackers building in public, but it’s rare to see a startup shipping as consistently and transparently as Supabase. Their upcoming March releases look to be 🔥 Def worth a follow! also opened my eyes as to how to value add in open source.<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/jperelli/status/1366195769657720834"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@jperelli twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F_ki30kYo_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F_ki30kYo_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F_ki30kYo_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@jperelli</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->This weekend I made a personal record 🥇 on the less time spent creating an application with social login / permissions, database, cdn, infinite scaling, git push to deploy and for free. Thanks to @supabase and @vercel<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/KennethCassel/status/1524359528619384834"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@KennethCassel twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FpmQj3TX-_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FpmQj3TX-_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FpmQj3TX-_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@KennethCassel</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->Badass! Supabase is amazing. literally saves our small team a whole engineer’s worth of work constantly. The founders and everyone I’ve chatted with at supabase are just awesome people as well :)<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column group/tweet-card hidden md:block" href="https://twitter.com/the_BrianB/status/1524716498442276864"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@the_BrianB twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F7NITI8Z3_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F7NITI8Z3_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F7NITI8Z3_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@the_BrianB</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->Working with Supabase is just fun. It makes working with a DB so much easier.<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column group/tweet-card hidden md:block" href="https://twitter.com/_wilhelm__/status/1524074865107488769"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@_wilhelm__ twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FCvqDy6YF_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FCvqDy6YF_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FCvqDy6YF_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@_wilhelm__</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->This community is STRONG and will continue to be the reason why developers flock to @supabase over an alternative. Keep up the good work! ⚡️<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column group/tweet-card hidden md:block" href="https://twitter.com/drewclemcr8/status/1523843155484942340"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@drewclemcr8 twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FbJlKtSxz_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FbJlKtSxz_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FbJlKtSxz_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@drewclemcr8</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->Working on my next SaaS app and I want this to be my whole job because I&#x27;m just straight out vibing putting it together. @supabase and chill, if you will<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column group/tweet-card hidden md:block" href="https://twitter.com/CodiferousCoder/status/1522233113207836675"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@CodiferousCoder twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2Ft37cVLwy_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2Ft37cVLwy_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2Ft37cVLwy_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@CodiferousCoder</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->@supabase Putting a ton of well-explained example API queries in a self-building documentation is just a classy move all around. I also love having GraphQL-style nested queries with traditional SQL filtering. This is pure DX delight. A+++. #backend<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column group/tweet-card hidden md:block" href="https://twitter.com/nasiscoe/status/1365140856035024902"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@nasiscoe twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2Fnc2Ms5hH_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2Fnc2Ms5hH_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2Fnc2Ms5hH_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@nasiscoe</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->Me using @supabase for the first time right now 🤯<!-- -->&quot;</p></div></a></div><div class="columns-1 sm:columns-2 md:columns-2 lg:columns-3 xl:columns-5 gap-4 h-fit pr-4 w-screen min-w-[900px] xl:min-w-[1600px] max-w-[1600px] animate-[marquee_40000ms_linear_both_infinite] group-hover:pause motion-reduce:animate-none motion-reduce:will-change-none will-change-transform transition-transform"><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/thatguy_tex/status/1497602628410388480"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@thatguy_tex twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F09HouOSt_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F09HouOSt_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F09HouOSt_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@thatguy_tex</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->Working with @supabase has been one of the best dev experiences I&#x27;ve had lately. Incredibly easy to set up, great documentation, and so many fewer hoops to jump through than the competition. I definitely plan to use it on any and all future projects.<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/IxoyeDesign/status/1497473731777728512"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@IxoyeDesign twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FC8opIL-g_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FC8opIL-g_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FC8opIL-g_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@IxoyeDesign</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->@supabase is just 🤯 Now I see why a lot of people love using it as a backend for their applications. I am really impressed with how easy it is to set up an Auth and then just code it together for the frontend. @IngoKpp now I see your joy with Supabase #coding #fullstackwebdev<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/varlenneto/status/1496595780475535366"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@varlenneto twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FwkXN0t_F_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FwkXN0t_F_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FwkXN0t_F_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@varlenneto</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->I&#x27;ve been using @supabase for two personal projects and it has been amazing being able to use the power of Postgres and don&#x27;t have to worry about the backend<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/justinjunodev/status/1500264302749622273"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@justinjunodev twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F9k_ZB9OO_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F9k_ZB9OO_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F9k_ZB9OO_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@justinjunodev</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->Y&#x27;all @supabase + @nextjs is amazing! 🙌 Barely an hour into a proof-of-concept and already have most of the functionality in place. 🤯🤯🤯<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/BraydonCoyer/status/1511071369731137537"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@BraydonCoyer twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F8YxkpW8f_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F8YxkpW8f_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F8YxkpW8f_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@BraydonCoyer</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->And thanks to @supabase, I was able to go from idea to launched feature in a matter of hours. Absolutely amazing!<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/damlakoksal/status/1511436907984662539"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@damlakoksal twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FN8EfTFs7_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FN8EfTFs7_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FN8EfTFs7_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@damlakoksal</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->Contributing to open-source projects and seeing merged PRs gives enormous happiness! Special thanks to @supabase, for giving this opportunity by staying open-source and being junior-friendly✌🏼<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/kentherogers/status/1512609587110719488"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@KenTheRogers twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F9l9Td-Fz_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F9l9Td-Fz_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F9l9Td-Fz_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@KenTheRogers</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->Holy crap. @supabase is absolutely incredible. Most elegant backend as a service I&#x27;ve ever used. This is a dream.<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/paoloricciuti/status/1497691838597066752"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@PaoloRicciuti twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FOCDKFUOp_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FOCDKFUOp_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FOCDKFUOp_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@PaoloRicciuti</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->Using @supabase I&#x27;m really pleased on the power of postgres (and sql in general). Despite being a bit dubious about the whole backend as a service thing I have to say I really don&#x27;t miss anything. The whole experience feel very robust and secure.<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/saxxone/status/1500812171063828486"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@saxxone twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FBXi6z1M7_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FBXi6z1M7_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FBXi6z1M7_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@saxxone</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->@supabase is lit. It took me less than 10 minutes to setup, the DX is just amazing.<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/michaelcdever/status/1524753565599690754"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@michaelcdever twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FrWX8Jzp5_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FrWX8Jzp5_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FrWX8Jzp5_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@michaelcdever</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->I’m not sure what magic @supabase is using but we’ve migrated @happyteamsdotio database to @supabase from @heroku and it’s much much faster at half the cost.<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/swyx/status/1366685025047994373"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@swyx twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FqhvO9V6x_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FqhvO9V6x_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FqhvO9V6x_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@swyx</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->There are a lot of indie hackers building in public, but it’s rare to see a startup shipping as consistently and transparently as Supabase. Their upcoming March releases look to be 🔥 Def worth a follow! also opened my eyes as to how to value add in open source.<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/jperelli/status/1366195769657720834"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@jperelli twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F_ki30kYo_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F_ki30kYo_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F_ki30kYo_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@jperelli</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->This weekend I made a personal record 🥇 on the less time spent creating an application with social login / permissions, database, cdn, infinite scaling, git push to deploy and for free. Thanks to @supabase and @vercel<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/KennethCassel/status/1524359528619384834"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@KennethCassel twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FpmQj3TX-_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FpmQj3TX-_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FpmQj3TX-_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@KennethCassel</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->Badass! Supabase is amazing. literally saves our small team a whole engineer’s worth of work constantly. The founders and everyone I’ve chatted with at supabase are just awesome people as well :)<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column group/tweet-card hidden md:block" href="https://twitter.com/the_BrianB/status/1524716498442276864"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@the_BrianB twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F7NITI8Z3_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F7NITI8Z3_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F7NITI8Z3_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@the_BrianB</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->Working with Supabase is just fun. It makes working with a DB so much easier.<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column group/tweet-card hidden md:block" href="https://twitter.com/_wilhelm__/status/1524074865107488769"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@_wilhelm__ twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FCvqDy6YF_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FCvqDy6YF_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FCvqDy6YF_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@_wilhelm__</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->This community is STRONG and will continue to be the reason why developers flock to @supabase over an alternative. Keep up the good work! ⚡️<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column group/tweet-card hidden md:block" href="https://twitter.com/drewclemcr8/status/1523843155484942340"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@drewclemcr8 twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FbJlKtSxz_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FbJlKtSxz_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FbJlKtSxz_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@drewclemcr8</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->Working on my next SaaS app and I want this to be my whole job because I&#x27;m just straight out vibing putting it together. @supabase and chill, if you will<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column group/tweet-card hidden md:block" href="https://twitter.com/CodiferousCoder/status/1522233113207836675"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@CodiferousCoder twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2Ft37cVLwy_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2Ft37cVLwy_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2Ft37cVLwy_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@CodiferousCoder</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->@supabase Putting a ton of well-explained example API queries in a self-building documentation is just a classy move all around. I also love having GraphQL-style nested queries with traditional SQL filtering. This is pure DX delight. A+++. #backend<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column group/tweet-card hidden md:block" href="https://twitter.com/nasiscoe/status/1365140856035024902"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@nasiscoe twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2Fnc2Ms5hH_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2Fnc2Ms5hH_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2Fnc2Ms5hH_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@nasiscoe</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->Me using @supabase for the first time right now 🤯<!-- -->&quot;</p></div></a></div><div class="columns-1 sm:columns-2 md:columns-2 lg:columns-3 xl:columns-5 gap-4 h-fit pr-4 w-screen min-w-[900px] xl:min-w-[1600px] max-w-[1600px] animate-[marquee_40000ms_linear_both_infinite] group-hover:pause motion-reduce:animate-none motion-reduce:will-change-none will-change-transform transition-transform"><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/thatguy_tex/status/1497602628410388480"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@thatguy_tex twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F09HouOSt_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F09HouOSt_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F09HouOSt_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@thatguy_tex</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->Working with @supabase has been one of the best dev experiences I&#x27;ve had lately. Incredibly easy to set up, great documentation, and so many fewer hoops to jump through than the competition. I definitely plan to use it on any and all future projects.<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/IxoyeDesign/status/1497473731777728512"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@IxoyeDesign twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FC8opIL-g_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FC8opIL-g_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FC8opIL-g_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@IxoyeDesign</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->@supabase is just 🤯 Now I see why a lot of people love using it as a backend for their applications. I am really impressed with how easy it is to set up an Auth and then just code it together for the frontend. @IngoKpp now I see your joy with Supabase #coding #fullstackwebdev<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/varlenneto/status/1496595780475535366"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@varlenneto twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FwkXN0t_F_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FwkXN0t_F_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FwkXN0t_F_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@varlenneto</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->I&#x27;ve been using @supabase for two personal projects and it has been amazing being able to use the power of Postgres and don&#x27;t have to worry about the backend<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/justinjunodev/status/1500264302749622273"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@justinjunodev twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F9k_ZB9OO_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F9k_ZB9OO_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F9k_ZB9OO_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@justinjunodev</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->Y&#x27;all @supabase + @nextjs is amazing! 🙌 Barely an hour into a proof-of-concept and already have most of the functionality in place. 🤯🤯🤯<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/BraydonCoyer/status/1511071369731137537"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@BraydonCoyer twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F8YxkpW8f_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F8YxkpW8f_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F8YxkpW8f_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@BraydonCoyer</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->And thanks to @supabase, I was able to go from idea to launched feature in a matter of hours. Absolutely amazing!<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/damlakoksal/status/1511436907984662539"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@damlakoksal twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FN8EfTFs7_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FN8EfTFs7_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FN8EfTFs7_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@damlakoksal</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->Contributing to open-source projects and seeing merged PRs gives enormous happiness! Special thanks to @supabase, for giving this opportunity by staying open-source and being junior-friendly✌🏼<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/kentherogers/status/1512609587110719488"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@KenTheRogers twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F9l9Td-Fz_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F9l9Td-Fz_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F9l9Td-Fz_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@KenTheRogers</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->Holy crap. @supabase is absolutely incredible. Most elegant backend as a service I&#x27;ve ever used. This is a dream.<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/paoloricciuti/status/1497691838597066752"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@PaoloRicciuti twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FOCDKFUOp_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FOCDKFUOp_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FOCDKFUOp_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@PaoloRicciuti</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->Using @supabase I&#x27;m really pleased on the power of postgres (and sql in general). Despite being a bit dubious about the whole backend as a service thing I have to say I really don&#x27;t miss anything. The whole experience feel very robust and secure.<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/saxxone/status/1500812171063828486"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@saxxone twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FBXi6z1M7_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FBXi6z1M7_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FBXi6z1M7_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@saxxone</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->@supabase is lit. It took me less than 10 minutes to setup, the DX is just amazing.<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/michaelcdever/status/1524753565599690754"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@michaelcdever twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FrWX8Jzp5_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FrWX8Jzp5_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FrWX8Jzp5_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@michaelcdever</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->I’m not sure what magic @supabase is using but we’ve migrated @happyteamsdotio database to @supabase from @heroku and it’s much much faster at half the cost.<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/swyx/status/1366685025047994373"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@swyx twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FqhvO9V6x_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FqhvO9V6x_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FqhvO9V6x_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@swyx</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->There are a lot of indie hackers building in public, but it’s rare to see a startup shipping as consistently and transparently as Supabase. Their upcoming March releases look to be 🔥 Def worth a follow! also opened my eyes as to how to value add in open source.<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/jperelli/status/1366195769657720834"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@jperelli twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F_ki30kYo_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F_ki30kYo_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F_ki30kYo_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@jperelli</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->This weekend I made a personal record 🥇 on the less time spent creating an application with social login / permissions, database, cdn, infinite scaling, git push to deploy and for free. Thanks to @supabase and @vercel<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/KennethCassel/status/1524359528619384834"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@KennethCassel twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FpmQj3TX-_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FpmQj3TX-_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FpmQj3TX-_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@KennethCassel</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->Badass! Supabase is amazing. literally saves our small team a whole engineer’s worth of work constantly. The founders and everyone I’ve chatted with at supabase are just awesome people as well :)<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column group/tweet-card hidden md:block" href="https://twitter.com/the_BrianB/status/1524716498442276864"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@the_BrianB twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F7NITI8Z3_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F7NITI8Z3_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F7NITI8Z3_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@the_BrianB</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->Working with Supabase is just fun. It makes working with a DB so much easier.<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column group/tweet-card hidden md:block" href="https://twitter.com/_wilhelm__/status/1524074865107488769"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@_wilhelm__ twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FCvqDy6YF_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FCvqDy6YF_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FCvqDy6YF_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@_wilhelm__</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->This community is STRONG and will continue to be the reason why developers flock to @supabase over an alternative. Keep up the good work! ⚡️<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column group/tweet-card hidden md:block" href="https://twitter.com/drewclemcr8/status/1523843155484942340"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@drewclemcr8 twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FbJlKtSxz_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FbJlKtSxz_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FbJlKtSxz_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@drewclemcr8</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->Working on my next SaaS app and I want this to be my whole job because I&#x27;m just straight out vibing putting it together. @supabase and chill, if you will<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column group/tweet-card hidden md:block" href="https://twitter.com/CodiferousCoder/status/1522233113207836675"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@CodiferousCoder twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2Ft37cVLwy_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2Ft37cVLwy_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2Ft37cVLwy_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@CodiferousCoder</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->@supabase Putting a ton of well-explained example API queries in a self-building documentation is just a classy move all around. I also love having GraphQL-style nested queries with traditional SQL filtering. This is pure DX delight. A+++. #backend<!-- -->&quot;</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column group/tweet-card hidden md:block" href="https://twitter.com/nasiscoe/status/1365140856035024902"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@nasiscoe twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2Fnc2Ms5hH_400x400.jpg&amp;w=64&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2Fnc2Ms5hH_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2Fnc2Ms5hH_400x400.jpg&amp;w=128&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></div><p class="text-foreground text-sm font-medium">@nasiscoe</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">&quot;<!-- -->Me using @supabase for the first time right now 🤯<!-- -->&quot;</p></div></a></div></div><div class=" absolute pointer-events-none w-full h-full max-h-[400px] lg:max-h-none inset-0 top-auto lg:bg-[radial-gradient(50%_100%_at_50%_0,transparent_0%,transparent_50%,hsl(var(--background-default))_100%)] "></div></div><div class="bg-background grid grid-cols-12 items-center gap-4 border-t py-32 text-center px-16 border-none"><div class="col-span-12"><h2 class="h2"><span class="text-foreground-lighter">Build in a weekend,</span><span class="text-foreground block sm:inline"> scale to millions</span></h2></div><div class="flex items-center justify-center gap-2 col-span-12 mt-4"><a data-size="medium" type="button" class="relative justify-center cursor-pointer inline-flex items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border bg-brand-400 dark:bg-brand-500 hover:bg-brand/80 dark:hover:bg-brand/50 text-foreground border-brand-500/75 dark:border-brand/30 hover:border-brand-600 dark:hover:border-brand focus-visible:outline-brand-600 data-[state=open]:bg-brand-400/80 dark:data-[state=open]:bg-brand-500/80 data-[state=open]:outline-brand-600 text-sm px-4 py-2 h-[38px]" href="https://supabase.com/dashboard"><span class="truncate">Start your project</span></a><a data-size="medium" type="button" class="relative justify-center cursor-pointer inline-flex items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border text-foreground bg-alternative dark:bg-muted hover:bg-selection border-strong hover:border-stronger focus-visible:outline-brand-600 data-[state=open]:bg-selection data-[state=open]:outline-brand-600 data-[state=open]:border-button-hover text-sm px-4 py-2 h-[38px]" href="/contact/sales"><span class="truncate">Request a demo</span></a></div></div></main><footer class="bg-alternative" aria-labelledby="footerHeading"><h2 id="footerHeading" class="sr-only">Footer</h2><div class="w-full !py-0"><div class="sm:py-18 container relative mx-auto px-6 py-16 md:py-24 lg:px-16 lg:py-24 xl:px-20 grid grid-cols-2 md:flex items-center justify-between text-foreground md:justify-center gap-8 md:gap-16 xl:gap-28 !py-6 md:!py-10 text-sm"><div class="flex flex-col md:flex-row gap-2 md:items-center">We protect your data.<a class="text-brand hover:underline" href="/security">More on Security</a></div><ul class="flex flex-col md:flex-row gap-2 md:gap-8 justify-center md:items-center"><li class="flex items-center gap-2 whitespace-nowrap flex-nowrap"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="w-4 h-4"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path></svg> SOC2 Type 2<!-- --> <span class="text-foreground-lighter hidden sm:inline">Certified</span></li><li class="flex items-center gap-2 whitespace-nowrap flex-nowrap"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="w-4 h-4"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path></svg> HIPAA<!-- --> <span class="text-foreground-lighter hidden sm:inline">Compliant</span></li></ul></div><div class="w-full h-px bg-gradient-to-r from-transparent via-border to-transparent"></div></div><div class="sm:py-18 container relative mx-auto px-6 py-16 md:py-24 lg:px-16 lg:py-24 xl:px-20 py-8"><div class="xl:grid xl:grid-cols-3 xl:gap-8"><div class="space-y-8 xl:col-span-1"><a class="w-40" href="/"><img alt="Supabase Logo" fetchpriority="high" width="160" height="30" decoding="async" data-nimg="1" class="dark:hidden" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Ffrontend-assets.supabase.com%2Fwww%2Fb46b4b3ee26d%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--light.daaeffd3.png&amp;w=256&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=https%3A%2F%2Ffrontend-assets.supabase.com%2Fwww%2Fb46b4b3ee26d%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--light.daaeffd3.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=https%3A%2F%2Ffrontend-assets.supabase.com%2Fwww%2Fb46b4b3ee26d%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--light.daaeffd3.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/><img alt="Supabase Logo" fetchpriority="high" width="160" height="30" decoding="async" data-nimg="1" class="hidden dark:block" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Ffrontend-assets.supabase.com%2Fwww%2Fb46b4b3ee26d%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--dark.b36ebb5f.png&amp;w=256&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 1x, /_next/image?url=https%3A%2F%2Ffrontend-assets.supabase.com%2Fwww%2Fb46b4b3ee26d%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--dark.b36ebb5f.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV 2x" src="/_next/image?url=https%3A%2F%2Ffrontend-assets.supabase.com%2Fwww%2Fb46b4b3ee26d%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--dark.b36ebb5f.png&amp;w=384&amp;q=75&amp;dpl=dpl_6L9zgrx7mVBrvQMFym5xQYu6xUAV"/></a><div class="flex space-x-5"><a href="https://twitter.com/supabase" class="text-foreground-lighter hover:text-foreground transition"><span class="sr-only">Twitter</span><div class="relative" style="width:22px;height:22px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="none" class="sbui-icon" width="100%" height="100%"><path fill="currentColor" d="M12.6009 0.903908H15.0544L9.69434 7.03008L16 15.3664H11.0627L7.19566 10.3105L2.77087 15.3664H0.31595L6.04904 8.81379L0 0.903908H5.06262L8.55811 5.52524L12.6009 0.903908ZM11.7399 13.8979H13.0993L4.32392 2.29528H2.86506L11.7399 13.8979Z"></path></svg></div></a><a href="https://github.com/supabase" class="text-foreground-lighter hover:text-foreground transition"><span class="sr-only">GitHub</span><div class="relative" style="width:22px;height:22px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="none" class="sbui-icon" width="100%" height="100%"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 0C3.5816 0 0 3.58719 0 8.01357C0 11.5535 2.292 14.5575 5.4712 15.6167C5.8712 15.6903 6.0168 15.4431 6.0168 15.2303C6.0168 15.0407 6.0104 14.5359 6.0064 13.8679C3.7808 14.3519 3.3112 12.7935 3.3112 12.7935C2.948 11.8671 2.4232 11.6207 2.4232 11.6207C1.6968 11.1247 2.4784 11.1343 2.4784 11.1343C3.2808 11.1903 3.7032 11.9599 3.7032 11.9599C4.4168 13.1839 5.576 12.8303 6.0312 12.6255C6.1048 12.1079 6.3112 11.7551 6.54 11.5551C4.764 11.3527 2.896 10.6647 2.896 7.59438C2.896 6.71998 3.208 6.00398 3.7192 5.44398C3.6368 5.24158 3.3624 4.42639 3.7976 3.32399C3.7976 3.32399 4.4696 3.10799 5.9976 4.14479C6.65022 3.9668 7.32355 3.87614 8 3.87519C8.68 3.87839 9.364 3.96719 10.0032 4.14479C11.5304 3.10799 12.2008 3.32319 12.2008 3.32319C12.6376 4.42639 12.3624 5.24158 12.2808 5.44398C12.7928 6.00398 13.1032 6.71998 13.1032 7.59438C13.1032 10.6727 11.232 11.3503 9.4504 11.5487C9.73762 11.7959 9.99282 12.2847 9.99282 13.0327C9.99282 14.1031 9.98322 14.9679 9.98322 15.2303C9.98322 15.4447 10.1272 15.6943 10.5336 15.6159C12.1266 15.0816 13.5115 14.0602 14.4924 12.696C15.4733 11.3318 16.0007 9.69382 16 8.01357C16 3.58719 12.4176 0 8 0Z" fill="currentColor"></path></svg></div></a><a href="https://discord.supabase.com/" class="text-foreground-lighter hover:text-foreground transition"><span class="sr-only">Discord</span><div class="relative" style="width:22px;height:22px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="none" class="sbui-icon" width="100%" height="100%"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5447 3.01094C12.5249 2.54302 11.4313 2.19828 10.2879 2.00083C10.2671 1.99702 10.2463 2.00654 10.2356 2.02559C10.0949 2.27573 9.93921 2.60206 9.83011 2.85856C8.60028 2.67444 7.3768 2.67444 6.17222 2.85856C6.06311 2.59636 5.90166 2.27573 5.76038 2.02559C5.74966 2.00717 5.72887 1.99765 5.70803 2.00083C4.56527 2.19764 3.47171 2.54239 2.45129 3.01094C2.44246 3.01475 2.43488 3.0211 2.42986 3.02935C0.355594 6.12826 -0.212633 9.151 0.06612 12.1362C0.067381 12.1508 0.0755799 12.1648 0.0869319 12.1737C1.45547 13.1787 2.78114 13.7889 4.08219 14.1933C4.10301 14.1996 4.12507 14.192 4.13832 14.1749C4.44608 13.7546 4.72043 13.3114 4.95565 12.8454C4.96953 12.8181 4.95628 12.7857 4.92791 12.7749C4.49275 12.6099 4.0784 12.4086 3.67982 12.18C3.64829 12.1616 3.64577 12.1165 3.67477 12.095C3.75865 12.0321 3.84255 11.9667 3.92264 11.9007C3.93713 11.8886 3.95732 11.8861 3.97435 11.8937C6.59287 13.0892 9.42771 13.0892 12.0153 11.8937C12.0323 11.8854 12.0525 11.888 12.0677 11.9C12.1478 11.9661 12.2316 12.0321 12.3161 12.095C12.3451 12.1165 12.3433 12.1616 12.3117 12.18C11.9131 12.413 11.4988 12.6099 11.063 12.7743C11.0346 12.7851 11.022 12.8181 11.0359 12.8454C11.2762 13.3108 11.5505 13.7539 11.8526 14.1742C11.8652 14.192 11.8879 14.1996 11.9087 14.1933C13.2161 13.7889 14.5417 13.1787 15.9103 12.1737C15.9223 12.1648 15.9298 12.1515 15.9311 12.1369C16.2647 8.6856 15.3723 5.68765 13.5655 3.02998C13.5611 3.0211 13.5535 3.01475 13.5447 3.01094ZM5.34668 10.3185C4.55833 10.3185 3.90876 9.59478 3.90876 8.70593C3.90876 7.81707 4.54574 7.09331 5.34668 7.09331C6.15393 7.09331 6.79722 7.82342 6.7846 8.70593C6.7846 9.59478 6.14762 10.3185 5.34668 10.3185ZM10.6632 10.3185C9.87481 10.3185 9.22527 9.59478 9.22527 8.70593C9.22527 7.81707 9.86221 7.09331 10.6632 7.09331C11.4704 7.09331 12.1137 7.82342 12.1011 8.70593C12.1011 9.59478 11.4704 10.3185 10.6632 10.3185Z" fill="currentColor"></path></svg></div></a><a href="https://youtube.com/c/supabase" class="text-foreground-lighter hover:text-foreground transition"><span class="sr-only">Youtube</span><div class="relative" style="width:22px;height:22px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="none" class="sbui-icon" width="100%" height="100%"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.6657 4.13526C15.4817 3.44239 14.9395 2.8967 14.2511 2.71152C13.0033 2.37502 8 2.37502 8 2.37502C8 2.37502 2.99669 2.37502 1.74891 2.71152C1.06052 2.89673 0.518351 3.44239 0.334337 4.13526C1.90735e-06 5.39112 1.90735e-06 8.01137 1.90735e-06 8.01137C1.90735e-06 8.01137 1.90735e-06 10.6316 0.334337 11.8875C0.518351 12.5804 1.06052 13.1033 1.74891 13.2885C2.99669 13.625 8 13.625 8 13.625C8 13.625 13.0033 13.625 14.2511 13.2885C14.9395 13.1033 15.4817 12.5804 15.6657 11.8875C16 10.6316 16 8.01137 16 8.01137C16 8.01137 16 5.39112 15.6657 4.13526ZM6.36363 10.3904V5.63238L10.5454 8.01143L6.36363 10.3904Z" fill="currentColor"></path></svg></div></a></div></div><div class="mt-12 grid grid-cols-1 gap-8 xl:col-span-2 xl:mt-0"><div class="grid grid-cols-2 gap-8 md:grid-cols-4"><div><h6 class="text-foreground overwrite text-base">Product</h6><ul class="mt-4 space-y-2"><li><a href="/database"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Database</div></a></li><li><a href="/auth"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Auth</div></a></li><li><a href="/edge-functions"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Functions</div></a></li><li><a href="/realtime"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Realtime</div></a></li><li><a href="/storage"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Storage</div></a></li><li><a href="/modules/vector"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Vector</div></a></li><li><a href="/modules/cron"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Cron</div></a></li><li><a href="/pricing"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Pricing</div></a></li><li><a href="/launch-week"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Launch Week</div></a></li><li><a href="/solutions/ai-builders"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">AI Builders</div></a></li></ul></div><div><h6 class="text-foreground overwrite text-base">Resources</h6><ul class="mt-4 space-y-2"><li><a href="/support"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Support</div></a></li><li><a href="https://status.supabase.com/"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">System Status</div></a></li><li><a href="/partners"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Become a Partner</div></a></li><li><a href="/partners/integrations"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Integrations</div></a></li><li><a href="/brand-assets"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Brand Assets / Logos</div></a></li><li><a href="/security"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Security and Compliance</div></a></li><li><a href="/legal/dpa"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">DPA</div></a></li><li><a href="/security"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">SOC2</div></a></li><li><a href="https://forms.supabase.com/hipaa2"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">HIPAA</div></a></li></ul></div><div><h6 class="text-foreground overwrite text-base">Developers</h6><ul class="mt-4 space-y-2"><li><a href="/docs"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Documentation</div></a></li><li><a href="/changelog"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Changelog</div></a></li><li><a href="https://github.com/supabase/supabase/blob/master/CONTRIBUTING.md"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Contributing</div></a></li><li><a href="/open-source"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Open Source</div></a></li><li><a href="/supasquad"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">SupaSquad</div></a></li><li><a href="https://dev.to/supabase"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">DevTo</div></a></li><li><a href="/rss.xml"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">RSS</div></a></li></ul></div><div><h6 class="text-foreground overwrite text-base">Company</h6><ul class="mt-4 space-y-2"><li><a href="/blog"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Blog</div></a></li><li><a href="/customers"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Customer Stories</div></a></li><li><a href="/careers"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Careers</div></a></li><li><a href="/company"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Company</div></a></li><li><a href="/events"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Events &amp; Webinars</div></a></li><li><a href="/ga"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">General Availability</div></a></li><li><a href="/terms"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Terms of Service</div></a></li><li><a href="/privacy"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Privacy Policy</div></a></li><li><button><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Privacy Settings</div></button></li><li><a href="/aup"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Acceptable Use Policy</div></a></li><li><a href="/support-policy"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Support Policy</div></a></li><li><a href="/sla"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Service Level Agreement</div></a></li><li><a href="/humans.txt"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Humans.txt</div></a></li><li><a href="/lawyers.txt"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Lawyers.txt</div></a></li><li><a href="/.well-known/security.txt"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Security.txt</div></a></li></ul></div></div></div></div><div class="border-default mt-32 flex justify-between border-t pt-8"><small class="small">© Supabase Inc</small><div class=""></div></div></div></footer></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"BVMww9Kce1qFW0uRF47j3","assetPrefix":"https://frontend-assets.supabase.com/www/b46b4b3ee26d","nextExport":true,"autoExport":true,"isFallback":false,"dynamicIds":[48804,74714,29746,24380,30451,54377,85923,3118,71599],"scriptLoader":[]}</script></body></html>

Pages: 1 2 3 4 5 6 7 8 9 10