[[
wikihub
]]
Search
⌘K
Explore
People
For Agents
Sign in
Explore
People
For Agents
Sign in
@harrisonqian / Awesome / wiki/databases/supabase.md
Suggest edit
Cancel
Submit suggestion
Title
Name
Note
--- visibility: public --- # Supabase **repo:** [lyqht/awesome-supabase](https://github.com/lyqht/awesome-supabase) **category:** [[databases|Databases]] **related:** [[postgresql|Postgresql]] --- # Awesome Supabase [](https://awesome.re) [Supabase](https://supabase.com/) is an awesome open source alternative to Firebase, where it provides you with a PostgreSQL database, Authentication, instant APIs, Edge Functions, Realtime subscriptions, and Storage. This list tries to cover what is awesome about the product and its community! 👁⚡️👁 To **enhance** this list, please refer to [CONTRIBUTING.md](CONTRIBUTING.md). ## Contents - [Official Starters](#official-starters) - [Community Starters](#community-starters) - [Data Migration Tools](#data-migration-tools) - [Supabase DX Tools](#supabase-dx-tools) - [Community Tools](#community-tools) - [Online Courses](#online-courses) - [Videos, [Podcasts](/@harrisonqian/awesome/wiki/entertainment/podcasts), Livestreams, Talks](#videos-podcasts-livestreams-talks) - [Integration Guides](#[integration](/@harrisonqian/awesome/wiki/platforms/integration)-guides) - [Other interesting articles](#other-interesting-articles) ## Official Starters The following starters supports the `@supabase/supabase-js` v2 library. - [Angular](https://github.com/supabase/supabase/tree/master/examples/user-management/angular-user-management) - - [Expo](https://github.com/supabase/supabase/tree/master/examples/user-management/expo-user-management) - - [Flutter](https://github.com/supabase/supabase/tree/master/examples/user-management/flutter-user-management) - - [Next.js (TS)](https://github.com/supabase/supabase/tree/master/examples/user-management/nextjs-ts-user-management) - - [Nuxt](https://github.com/supabase/supabase/tree/master/examples/user-management/nuxtjs-user-management) - - [Nuxt3](https://github.com/supabase/supabase/tree/master/examples/user-management/nuxt3-user-management) - - [React](https://github.com/supabase/supabase/tree/master/examples/user-management/react-user-management) - - [Solid](https://github.com/supabase/supabase/tree/master/examples/user-management/solid-user-management) - - [Svelte](https://github.com/supabase/supabase/tree/master/examples/user-management/svelte-user-management) - - [Svelte Kit](https://github.com/supabase/supabase/tree/master/examples/user-management/sveltekit-user-management) - - [Vue 3](https://github.com/supabase/supabase/tree/master/examples/user-management/vue3-user-management) - - [Next.js, [Slack](/@harrisonqian/awesome/wiki/work/slack) Clone](https://github.com/supabase/supabase/tree/master/examples/slack-clone/nextjs-slack-clone) - - [Svelte, Todo list](https://github.com/supabase/supabase/tree/master/examples/todo-list/sveltejs-todo-list) - - [React Native, Stripe Payments](https://github.com/supabase-community/expo-stripe-payments-with-supabase-functions) - - [Flutter, Stripe Payments](https://github.com/supabase-community/flutter-stripe-payments-with-supabase-functions) - ## Community Starters - [Vuepabase](https://github.com/JMaylor/vuepabase) - Vue3 Supabase starter, with Pinia, Vue-router 4, [Tailwind CSS](/@harrisonqian/awesome/wiki/front-end-development/tailwind-css), Vitest, Cypress and more. - [Supastarter](https://supastarter.dev) - Supabase starter with [Next.js](/@harrisonqian/awesome/wiki/front-end-development/next-js), authentication, mail templates, landing page, dashboard and blog. - [RedwoodJS Supabase Quickstart](https://github.com/redwoodjs/redwoodjs-supabase-quickstart) - Supabase Quickstart example app with RedwoodJS. - [Basejump](https://usebasejump.com) - Open source [Next.js](/@harrisonqian/awesome/wiki/front-end-development/next-js) starter with teams, personal accounts, invitations, Tailwind, i18n. Fully tested schema. - [Supanext](https://www.supanext.com/) - Supabase starter with [Next.js](/@harrisonqian/awesome/wiki/front-end-development/next-js), including AI app examples, auth, [billing](/@harrisonqian/awesome/wiki/business/billing), settings, landing page, blog, and more. - [SupaSasS Lite](https://github.com/Razikus/supabase-nextjs-template) - Open source [Next.js](/@harrisonqian/awesome/wiki/front-end-development/next-js) [SasS](/@harrisonqian/awesome/wiki/front-end-development/sass) template (with 2FA, and example app) - [SupaSocial](https://github.com/koji0701/supabase-[react](/@harrisonqian/awesome/wiki/front-end-development/react)-social-media-starter/tree/main) - [React](/@harrisonqian/awesome/wiki/front-end-development/react) social media starter with auth, friend requests, profile pics, and example app (profile, friends, signin, leaderboard, and more pages). - [Extro](https://github.com/turbostarter/extro) - Open source browser extension starter kit. ## Data Migration Tools - [Supabase Schema](https://supabase-schema.vercel.app/) - Generate SQL scripts and [database](/@harrisonqian/awesome/wiki/databases/database) diagram with this handy tool. No sensitive information is required, only need the project url + anonymous key. - [Heroku to Supabase Importer](https://migrate.supabase.com/) - Given [Heroku](/@harrisonqian/awesome/wiki/platforms/heroku) is ending free-tier support soon, if you have any [PostgreSQL](/@harrisonqian/awesome/wiki/databases/postgresql) DB that you want to continue supporting on your projects, migrating to Supabase will be a good choice. With this tool, it will be a breeze to migrate over. Here's [a guide](https://supabase.com/docs/guides/migrations/heroku) with a video for this migration process. - [Supabase DB to Google Sheets](https://github.com/jadynekena/supabase-googlesheet) - Tool to pull Supabase data into Google Sheets. - [Retool [REST](/@harrisonqian/awesome/wiki/miscellaneous/rest) API data generator](https://retool.com/api-generator) - Tool to generate structured data to be inserted into your PostgresDB. - [Lovable Cloud to Supabase Exporter](https://github.com/dreamlit-ai/lovable-cloud-to-supabase-exporter) - Migrate tables, users, and storage from Lovable Cloud to your own Supabase backend without password resets or manual CSV work. ## Supabase DX Tools - [Supabase CLI](https://supabase.com/docs/reference/cli) - The Supabase CLI provides tools to develop your project locally and deploy to the Supabase Platform. - [Supabase SQL](https://database.dev/) - Find common use case SQL scripts easily for copy pasting. - [Supabase Plus](https://github.com/dsplce-co/supabase-plus) - An extra set of tools for managing Supabase projects, going beyond the possibilities of the regular Supabase CLI. ## Community Tools - [MadeWithSupabase](https://www.madewithsupabase.com/) - App to explore projects made with Supabase. Users can find by specific Supabase functionality used or via user-given tags, and also find projects submitted in specific calendar months. - [Octokit-lite](https://github.com/lyqht/Octokit-lite) - App to perform common use case [GitHub](/@harrisonqian/awesome/wiki/development-environment/github) operations on multiple repositories efficiently. Uses Supabase Auth and DB. - [Generate Supabase [Database](/@harrisonqian/awesome/wiki/databases/database) Types [GitHub](/@harrisonqian/awesome/wiki/development-environment/github) Action](https://github.com/lyqht/generate-supabase-db-types-github-action) - [GitHub](/@harrisonqian/awesome/wiki/development-environment/github) action to generate types based on your Supabase [database](/@harrisonqian/awesome/wiki/databases/database). - [Supabase Cache Helpers](https://github.com/psteinroe/supabase-cache-helpers) - Collection of framework specific Cache utilities for working with Supabase. - [PostgreSQL [WebAssembly](/@harrisonqian/awesome/wiki/front-end-development/webassembly) by Snaplet and Supabase](https://supabase.com/blog/postgres-wasm) - Tool to run [PostgreSQL](/@harrisonqian/awesome/wiki/databases/postgresql) in the browser. - [Bemi for Supabase JS](https://github.com/BemiHQ/bemi-supabase-js) - Open-source platform for automatic data change tracking. - [Supabase automated self host](https://github.com/singh-inder/supabase-automated-self-host) - Self-host Supabase with Caddy and Authelia. Just run ONE script. - [Edge Worker](https://pgflow.dev) - Open-source serverless task queue worker that runs on Supabase Edge Functions (Background Tasks) and Supabase Queues. It simplifies consuming the queues and adds useful features like concurrency control, retries, and observability. ## Online Courses - [Build a Full-Stack App with [Next.js](/@harrisonqian/awesome/wiki/front-end-development/next-js), Supabase & Prisma](https://themodern.dev/courses/build-a-fullstack-app-with-nextjs-supabase-and-[prisma](/@harrisonqian/awesome/wiki/miscellaneous/prisma)-322389284337222224) - Learn to build a full-stack application from scratch using some of the best modern web technologies: [React](/@harrisonqian/awesome/wiki/front-end-development/react) / [Next.js](/@harrisonqian/awesome/wiki/front-end-development/next-js), [Prisma](/@harrisonqian/awesome/wiki/miscellaneous/prisma), and Supabase. Free course by [Grégory D'Angelo](https://twitter.com/gdangel0). - [Cache Supabase data at the Edge with [Cloudflare](/@harrisonqian/awesome/wiki/platforms/cloudflare) Workers and KV Storage](https://egghead.io/courses/cache-supabase-data-at-the-edge-with-cloudflare-workers-and-kv-storage-883c7959) - Teaches devs how to query, perform cache crud operations on Supabase with KV Storage using [Cloudflare](/@harrisonqian/awesome/wiki/platforms/cloudflare) workers through a free course. Featured at [Cloudflare x Supabase Developer Meetup](https://t.co/sqmDQahsA4). Free course by [Jon Meyers](https://twitter.com/jonmeyers_io). - [Vue JS Essentials: A Beginners Series on Pinia, Vitest, and Supabase](https://www.youtube.com/watch?v=W-D6h7Jne18) - A great series of in-depth [tutorials](/@harrisonqian/awesome/wiki/computer-science/tutorials), includes frontend tests and mocks to emulate a production grade project. ## Videos, Podcasts, Livestreams, Talks - [Is Supabase Legit? [Firebase](/@harrisonqian/awesome/wiki/platforms/firebase) Alternative Breakdown](https://youtu.be/WiwfiVdfRIc) - Video by Fireship.io on Supabase. - [Supabase Happy Hours](https://www.youtube.com/watch?v=IJoc6dKy03c&list=PL5S4mPUpp4Ouyw8bMupHgxC3VL9BLZzvV) - A signature ongoing series of livestreams hosted by the Supabase [core](/@harrisonqian/awesome/wiki/platforms/core) team, where they try to create side projects using Supabase APIs and engage with the community. Hosted by core members [Thor Schaeff](https://thorweb.dev/), [Jon Meyers](https://jonmeyers.io/), Alaister Young and [Tyler Shukert](https://dshukertjr.dev/). - [Supabase Developer Stories](https://www.youtube.com/watch?v=QAm1x7KaLq4&list=PL5S4mPUpp4OuzQN-a_FY3OZQuYo4NmXvb) - An ongoing series where SaaS founders/co-founders that use Supabase to showcase their products. - [CityJS 2022 Talk on Building Billy with Supabase](https://www.youtube.com/watch?v=UiANV3uqT04&t=6841s) - A talk on how a [React](/@harrisonqian/awesome/wiki/front-end-development/react) Native expense tracker side project is built with Supabase, by a SupaSquad member [Estee Tey](https://esteetey.dev/). - [Build An Image Gallery With Supabase Storage and React](https://www.youtube.com/watch?v=8tfdY0Sf2rA) - A tutorial on using Supabase to upload & serve images. - [PMF is one pivot away with Ant Wilson from Supabase](https://podcast.bitreach.io/episodes/product-market-fit-is-one-pivot-away-with-ant-wilson-founder-of-supabase) - [Talks](/@harrisonqian/awesome/wiki/theory/talks) about Supabase's experiences of the phases before and after Product Market Fit (PMF). ## Integration Guides - [Firebase to Supabase](https://github.com/supabase-community/firebase-to-supabase) - A collection of guides of migrating from different components of [Firebase](/@harrisonqian/awesome/wiki/platforms/firebase) such as Auth, Firestore, Storage, Functions to Supabase. - [How to Manage Your Supabase [Database](/@harrisonqian/awesome/wiki/databases/database) with Directus](https://directus.io/guides/directus-plus-supabase/) - [Directus](/@harrisonqian/awesome/wiki/content-management-systems/directus) Studio provides a means to browse, manage, and visualize database content through a no-code app and this guide shows how to setup Supabase with [Directus](/@harrisonqian/awesome/wiki/content-management-systems/directus). - [Supabase admin panel tutorial with Retool](https://retool.com/blog/supabase-tutorial-admin-panel/) - Retool helps teams to build internal tools quickly. Learn how to setup an admin panel using Retool and Supabase. - [Set up a monorepo with Supabase and Turborepo](https://philipp.steinroetter.com/posts/supabase-turborepo) - [Talks](/@harrisonqian/awesome/wiki/theory/talks) about how a codebase is migrated to a turborepo-powered pnpm monorepo that ships 3 [Next.js](/@harrisonqian/awesome/wiki/front-end-development/next-js) [apps](/@harrisonqian/awesome/wiki/platforms/apps), a [Preact](/@harrisonqian/awesome/wiki/front-end-development/preact) widget, a [React](/@harrisonqian/awesome/wiki/front-end-development/react) Native app and two Fastify servers out of a single repository, all [speaking](/@harrisonqian/awesome/wiki/learn/speaking) to the same Supabase instance. - [How to Implement RBAC (Role-Based Access Control) in Supabase](https://www.permit.io/blog/how-to-implement-rbac-in-supabase) - Learn how to implement Role-Based Access Control (RBAC) authorization into a Supabase application with Permit.io. ## Other interesting articles - [How to market to developers on Twitter: Learnings from 4 months of Supabase feed](https://www.developermarkepear.com/blog/developer-marketing-on-social-media-twitter-supabase) - Analyzes growth marketing strategy of Supabase, especially on Twitter. - [How Fleeting Notes Migrated 1000+ Users from [Firebase](/@harrisonqian/awesome/wiki/platforms/firebase) to Supabase (Stripe, Firebase, Supabase)](https://fleetingnotes.app/posts/migrating-from-firebase-to-supabase/) - Walks through the process of how Fleeting Notes (a note-taking application) migrated from [Firebase](/@harrisonqian/awesome/wiki/platforms/firebase) to Supabase in terms of Stripe [integration](/@harrisonqian/awesome/wiki/platforms/integration) and its databases. - [Ultimate guide to [testing](/@harrisonqian/awesome/wiki/testing/testing) on Supabase using pgTAP](https://usebasejump.com/blog/testing-on-supabase-with-pgtap) - How to test RLS policies and requests to Supabase. - [Migrating from [Firebase](/@harrisonqian/awesome/wiki/platforms/firebase) to Supabase: Lessons Learned](https://emergence-engineering.com/blog/firestore-supabase-migration) - A detailed walkthrough of the migration workflow in terms of the various aspects of the BaaS, and their differences in terms of realtime subscriptions and data types. - [Supabase vs [Firebase](/@harrisonqian/awesome/wiki/platforms/firebase): Choosing the Right Backend for Your Project](https://www.jakeprins.com/blog/supabase-vs-firebase-2024) - A detailed comparison between Supabase and Firebase. Discover the key differences between the two platforms and the advantages of choosing Supabase over Firebase.