Examples and Resources
We have a set of examples in our main repository to help you get started.
Featured#
Build a Twitter Clone with the Next.js App Router and Supabase#
By Jon Meyers
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#
Community#
Courses#
- Build a Twitter Clone with the Next.js App Router and Supabase - free egghead course
- 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. GitHubvue-supabase: Supabase Vue wrapper. GitHubvue-3-supabase: Supabase Vue 3 wrapper. GitHubnuxt-supabase: Supabase Nuxt wrapper. GitHub@nuxtjs/supabase: Supabase Nuxt 3 module. GitHubreact-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
- 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