Examples and Resources

We have a set of examples in our main repository to help you get started.

Featured#

Supabase Crash Course#

By Traversy Media.

Build an App With Supabase and NextJS#

By @jlengstorf and @jonmeyers_io.

Is Supabase Legit#

By Fireship.

Official Examples#

Todo List#

Build a basic Todo List with Supabase and your favorite frontend framework:

• Expo Todo List.
• Next.js Todo List.
• React Todo List.
• Svelte Todo List.
• Vue 3 Todo List (Typescript).
• Angular Todo List.
• Nuxt 3 Todo List.

Auth examples#

• Supabase Auth with vanilla JavaScript.. Use Supabase without any frontend frameworks.
• Supabase Auth with Next.js.
• Supabase Auth with RedwoodJS. Try out Supabase authentication in the RedwoodJS Authentication Playground complete with OAuth support and code samples.

Collaborative#

• Next.js Slack Clone.

Community#

Courses#

• Build a FullStack App with Next.js, Supabase & Prisma by @gdangel0: Free course

Libraries#

• D (in development): GitHub
• Flutter (in development): GitHub
• Python (in development): GitHub
• C# (in development): GitHub
• Kotlin (in development): GitHub
• useSupabase: Supabase React Hooks. GitHub
• vue-supabase: Supabase Vue wrapper. GitHub
• vue-3-supabase: Supabase Vue 3 wrapper. GitHub
• nuxt-supabase: Supabase Nuxt wrapper. GitHub
• @nuxtjs/supabase: Supabase Nuxt 3 module. GitHub
• react-supabase: Supabase React Hooks. Docs GitHub
• @triniwiz/nativescript-supabase: Supabase NativeScript. GitHub

Guides#

• Supabase Auth with Redwood. Docs
• Supabase Auth with Sapper SSR. Blog
• Switch from Firebase Auth to Supabase Auth. Blog
• Setting up Umami Analytics with Supabase. Blog
• Creating New Supabase Users In NextJS. Blog
• Creating Protected Routes In NextJS With Supabase. Blog
• Migrate from Google Cloud Storage (GCS) to Supabase Storage Gist
• Subscriptions with Supabase and Stripe Billing Blog
• Flutter Supabase Authentication Blog
• Supabase in 6 minutes Video
• Supabase React Auth UI Tutorial Video
• Let's build SupaAuth - Build an Authentication System using Supabase, Next.js and Typescript 6-part Blog Series
• In-depth self-hosting guide using Nginx Blog
• Build an Email and Social Auth for Next JS with Supabase, Tailwind CSS 3.0 and TypeScript Blog
• Link Shortener using Supabase and Ory 3-part Blog Series
• Building a CRUD API with FastAPI and Supabase: A Step-by-Step Guide Blog

Example apps#

• Supabase + Stripe + Next.js. GitHub
• Supabase + Svelte Trello clone. GitHub
• Supabase + Expo Starter. GitHub
• Supabase + Nest.js. GitHub
• Supabase + Cloudflare Workers. GitHub
• Supabase + Cloudflare Workers + Webpack. GitHub
• Realtime chat app with Supabase + React. GitHub
• Repository.surf: GitHub insights dashboard. GitHub
• Supabase + React Native Instagram Clone. GitHub
• KeepLink: Simple bookmark service with tags and archive. GitHub
• Supabase + Next.js (Next.js Starter Kit) GitHub
• Supabase + Svelte (Svelte Starter Kit) GitHub
• Supabase + SolidJS (SolidJS Starter Kit) GitHub
• Supabase + Nuxt3 (Nuxt Starter Kit) GitHub
• Supabase + Remix (Remix Starter Kit) GitHub
• Supabase + Angular (Angular Starter Kit) GitHub
• Supabase + Nuxt3 + nuxtjs/supabase Github
• Supabase + Ory Kratos & Ory Oathkeeper Github
• Supabase + Ory Cloud Github
• Supabase Auth with React Native + Next.js (Monorepo) Github
• Supabase Auth with Nuxt3 Github

Blog Posts#

• Realtime Subscriptions using Vue + Supabase. Blog
• Creating a microblog using Vue + Supabase. Blog
• Track Real-time Page Views. Blog
• Supabase as a Sentry alternative. Blog
• Using Supabase with Chartbrew. Blog
• Authentication with Supabase and React. Blog
• Supabase Schema Visualizer. Blog
• Create a real-time UI using Next.js + Supabase. Blog
• How to add Twitter auth quickly with Supabase to your Next.js site ⚡ Blog
• Under the hood: Architecture and Technology Stack of Supabase ⚡ Blog

Podcasts#

• Software Engineering Daily
• Heavy Bit
• Log Rocket
• FS Jam