Home

Examples and Resources

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

Build a Twitter Clone with the Next.js App Router and Supabase#

By Jon Meyers

Build a Twitter Clone with the Next.js App Router and Supabase

Supabase Crash Course#

By Traversy Media.

Build an App With Supabase and Next.js#

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:

Auth examples#

Collaborative#

Community#

Courses#

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 Next.js. Blog
  • Creating Protected Routes In Next.js 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
  • Supabase React File Upload 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#