298 lines
14 KiB
HTML
298 lines
14 KiB
HTML
<h1 id="awesome-supabase-awesome">Awesome Supabase <a
|
||
href="https://awesome.re"><img src="https://awesome.re/badge-flat.svg"
|
||
alt="Awesome" /></a></h1>
|
||
<p><a href="https://supabase.com/">Supabase</a> is an awesome open
|
||
source alternative to Firebase, where it provides you with a Postgres
|
||
database, Authentication, instant APIs, Edge Functions, Realtime
|
||
subscriptions, and Storage.</p>
|
||
<p>This list tries to cover what is awesome about the product and its
|
||
community! 👁⚡️👁</p>
|
||
<p>To <strong>enhance</strong> this list, please refer to <a
|
||
href="CONTRIBUTING.md">CONTRIBUTING.md</a>.</p>
|
||
<h2 id="contents">Contents</h2>
|
||
<ul>
|
||
<li><a href="#official-starters">Official Starters</a></li>
|
||
<li><a href="#community-starters">Community Starters</a></li>
|
||
<li><a href="#data-migration-tools">Data Migration Tools</a></li>
|
||
<li><a href="#supabase-dx-tools">Supabase DX Tools</a></li>
|
||
<li><a href="#community-tools">Community Tools</a></li>
|
||
<li><a href="#online-courses">Online Courses</a></li>
|
||
<li><a href="#videos-podcasts-livestreams-talks">Videos, Podcasts,
|
||
Livestreams, Talks</a></li>
|
||
<li><a href="#integration-guides">Integration Guides</a></li>
|
||
<li><a href="#other-interesting-articles">Other interesting
|
||
articles</a></li>
|
||
</ul>
|
||
<h2 id="official-starters">Official Starters</h2>
|
||
<p>The following starters supports the
|
||
<code>@supabase/supabase-js</code> v2 library.</p>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/supabase/supabase/tree/master/examples/user-management/angular-user-management">Angular</a>
|
||
- <img src="https://img.shields.io/badge/-auth-informational"
|
||
alt="auth" /></li>
|
||
<li><a
|
||
href="https://github.com/supabase/supabase/tree/master/examples/user-management/expo-user-management">Expo</a>
|
||
- <img src="https://img.shields.io/badge/-auth-informational"
|
||
alt="auth" /></li>
|
||
<li><a
|
||
href="https://github.com/supabase/supabase/tree/master/examples/user-management/flutter-user-management">Flutter</a>
|
||
- <img src="https://img.shields.io/badge/-auth-informational"
|
||
alt="auth" /></li>
|
||
<li><a
|
||
href="https://github.com/supabase/supabase/tree/master/examples/user-management/nextjs-ts-user-management">Next.js
|
||
(TS)</a> - <img src="https://img.shields.io/badge/-auth-informational"
|
||
alt="auth" /></li>
|
||
<li><a
|
||
href="https://github.com/supabase/supabase/tree/master/examples/user-management/nuxtjs-user-management">Nuxt</a>
|
||
- <img src="https://img.shields.io/badge/-auth-informational"
|
||
alt="auth" /></li>
|
||
<li><a
|
||
href="https://github.com/supabase/supabase/tree/master/examples/user-management/nuxt3-user-management">Nuxt3</a>
|
||
- <img src="https://img.shields.io/badge/-auth-informational"
|
||
alt="auth" /></li>
|
||
<li><a
|
||
href="https://github.com/supabase/supabase/tree/master/examples/user-management/react-user-management">React</a>
|
||
- <img src="https://img.shields.io/badge/-auth-informational"
|
||
alt="auth" /></li>
|
||
<li><a
|
||
href="https://github.com/supabase/supabase/tree/master/examples/user-management/solid-user-management">Solid</a>
|
||
- <img src="https://img.shields.io/badge/-auth-informational"
|
||
alt="auth" /></li>
|
||
<li><a
|
||
href="https://github.com/supabase/supabase/tree/master/examples/user-management/svelte-user-management">Svelte</a>
|
||
- <img src="https://img.shields.io/badge/-auth-informational"
|
||
alt="auth" /></li>
|
||
<li><a
|
||
href="https://github.com/supabase/supabase/tree/master/examples/user-management/sveltekit-user-management">Svelte
|
||
Kit</a> - <img src="https://img.shields.io/badge/-auth-informational"
|
||
alt="auth" /></li>
|
||
<li><a
|
||
href="https://github.com/supabase/supabase/tree/master/examples/user-management/vue3-user-management">Vue
|
||
3</a> - <img src="https://img.shields.io/badge/-auth-informational"
|
||
alt="auth" /></li>
|
||
<li><a
|
||
href="https://github.com/supabase/supabase/tree/master/examples/slack-clone/nextjs-slack-clone">Next.js,
|
||
Slack Clone</a> - <img
|
||
src="https://img.shields.io/badge/-realtime-orange"
|
||
alt="realtime" /></li>
|
||
<li><a
|
||
href="https://github.com/supabase/supabase/tree/master/examples/todo-list/sveltejs-todo-list">Svelte,
|
||
Todo list</a> - <img src="https://img.shields.io/badge/-database-9cf"
|
||
alt="database" /></li>
|
||
<li><a
|
||
href="https://github.com/supabase-community/expo-stripe-payments-with-supabase-functions">React
|
||
Native, Stripe Payments</a> - <img
|
||
src="https://img.shields.io/badge/-edge%20functions-darkgreen"
|
||
alt="edge functions" /></li>
|
||
<li><a
|
||
href="https://github.com/supabase-community/flutter-stripe-payments-with-supabase-functions">Flutter,
|
||
Stripe Payments</a> - <img
|
||
src="https://img.shields.io/badge/-edge%20functions-darkgreen"
|
||
alt="edge functions" /></li>
|
||
</ul>
|
||
<h2 id="community-starters">Community Starters</h2>
|
||
<ul>
|
||
<li><a href="https://github.com/JMaylor/vuepabase">Vuepabase</a> - Vue3
|
||
Supabase starter, with Pinia, Vue-router 4, TailwindCSS, Vitest, Cypress
|
||
and more.</li>
|
||
<li><a href="https://supastarter.dev">Supastarter</a> - Supabase starter
|
||
with Next.js, authentication, mail templates, landing page, dashboard
|
||
and blog.</li>
|
||
<li><a
|
||
href="https://github.com/redwoodjs/redwoodjs-supabase-quickstart">RedwoodJS
|
||
Supabase Quickstart</a> - Supabase Quickstart example app with
|
||
RedwoodJS.</li>
|
||
<li><a href="https://usebasejump.com">Basejump</a> - Open source Next.js
|
||
starter with teams, personal accounts, invitations, Tailwind, i18n.
|
||
Fully tested schema.</li>
|
||
<li><a href="https://www.supanext.com/">Supanext</a> - Supabase starter
|
||
with Next.js, including AI app examples, auth, billing, settings,
|
||
landing page, blog, and more.</li>
|
||
<li><a
|
||
href="https://github.com/Razikus/supabase-nextjs-template">SupaSasS
|
||
Lite</a> - Open source Next.js SasS template (with 2FA, and example
|
||
app)</li>
|
||
<li><a
|
||
href="https://github.com/koji0701/supabase-react-social-media-starter/tree/main">SupaSocial</a>
|
||
- React social media starter with auth, friend requests, profile pics,
|
||
and example app (profile, friends, signin, leaderboard, and more
|
||
pages).</li>
|
||
<li><a href="https://github.com/turbostarter/extro">Extro</a> - Open
|
||
source browser extension starter kit.</li>
|
||
</ul>
|
||
<h2 id="data-migration-tools">Data Migration Tools</h2>
|
||
<ul>
|
||
<li><a href="https://supabase-schema.vercel.app/">Supabase Schema</a> -
|
||
Generate SQL scripts and database diagram with this handy tool. No
|
||
sensitive information is required, only need the project url + anonymous
|
||
key.</li>
|
||
<li><a href="https://migrate.supabase.com/">Heroku to Supabase
|
||
Importer</a> - Given Heroku is ending free-tier support soon, if you
|
||
have any Postgres 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
|
||
href="https://supabase.com/docs/guides/migrations/heroku">a guide</a>
|
||
with a video for this migration process.</li>
|
||
<li><a
|
||
href="https://github.com/jadynekena/supabase-googlesheet">Supabase DB to
|
||
Google Sheets</a> - Tool to pull Supabase data into Google Sheets.</li>
|
||
<li><a href="https://retool.com/api-generator">Retool REST API data
|
||
generator</a> - Tool to generate structured data to be inserted into
|
||
your PostgresDB.</li>
|
||
</ul>
|
||
<h2 id="supabase-dx-tools">Supabase DX Tools</h2>
|
||
<ul>
|
||
<li><a href="https://supabase.com/docs/reference/cli">Supabase CLI</a> -
|
||
The Supabase CLI provides tools to develop your project locally and
|
||
deploy to the Supabase Platform.</li>
|
||
<li><a href="https://database.dev/">Supabase SQL</a> - Find common use
|
||
case SQL scripts easily for copy pasting.</li>
|
||
</ul>
|
||
<h2 id="community-tools">Community Tools</h2>
|
||
<ul>
|
||
<li><a href="https://www.madewithsupabase.com/">MadeWithSupabase</a> -
|
||
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.</li>
|
||
<li><a href="https://github.com/lyqht/Octokit-lite">Octokit-lite</a> -
|
||
App to perform common use case GitHub operations on multiple
|
||
repositories efficiently. Uses Supabase Auth and DB.</li>
|
||
<li><a
|
||
href="https://github.com/lyqht/generate-supabase-db-types-github-action">Generate
|
||
Supabase Database Types GitHub Action</a> - GitHub action to generate
|
||
types based on your Supabase database.</li>
|
||
<li><a
|
||
href="https://github.com/psteinroe/supabase-cache-helpers">Supabase
|
||
Cache Helpers</a> - Collection of framework specific Cache utilities for
|
||
working with Supabase.</li>
|
||
<li><a href="https://supabase.com/blog/postgres-wasm">Postgres WASM by
|
||
Snaplet and Supabase</a> - Tool to run Postgres in the browser.</li>
|
||
<li><a href="https://github.com/BemiHQ/bemi-supabase-js">Bemi for
|
||
Supabase JS</a> - Open-source platform for automatic data change
|
||
tracking.</li>
|
||
<li><a
|
||
href="https://github.com/singh-inder/supabase-automated-self-host">Supabase
|
||
automated self host</a> - Self-host Supabase with Caddy and Authelia.
|
||
Just run ONE script.</li>
|
||
<li><a href="https://pgflow.dev">Edge Worker</a> - 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.</li>
|
||
</ul>
|
||
<h2 id="online-courses">Online Courses</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://themodern.dev/courses/build-a-fullstack-app-with-nextjs-supabase-and-prisma-322389284337222224">Build
|
||
a Full-Stack App with Next.js, Supabase & Prisma</a> - Learn to
|
||
build a full-stack application from scratch using some of the best
|
||
modern web technologies: React / Next.js, Prisma, and Supabase. Free
|
||
course by <a href="https://twitter.com/gdangel0">Grégory
|
||
D’Angelo</a>.</li>
|
||
<li><a
|
||
href="https://egghead.io/courses/cache-supabase-data-at-the-edge-with-cloudflare-workers-and-kv-storage-883c7959">Cache
|
||
Supabase data at the Edge with Cloudflare Workers and KV Storage</a> -
|
||
Teaches devs how to query, perform cache crud operations on Supabase
|
||
with KV Storage using Cloudflare workers through a free course. Featured
|
||
at <a href="https://t.co/sqmDQahsA4">Cloudflare x Supabase Developer
|
||
Meetup</a>. Free course by <a
|
||
href="https://twitter.com/jonmeyers_io">Jon Meyers</a>.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=W-D6h7Jne18">Vue JS
|
||
Essentials: A Beginners Series on Pinia, Vitest, and Supabase</a> - A
|
||
great series of in-depth tutorials, includes frontend tests and mocks to
|
||
emulate a production grade project.</li>
|
||
</ul>
|
||
<h2 id="videos-podcasts-livestreams-talks">Videos, Podcasts,
|
||
Livestreams, Talks</h2>
|
||
<ul>
|
||
<li><a href="https://youtu.be/WiwfiVdfRIc">Is Supabase Legit? Firebase
|
||
Alternative Breakdown</a> - Video by Fireship.io on Supabase.</li>
|
||
<li><a
|
||
href="https://www.youtube.com/watch?v=IJoc6dKy03c&list=PL5S4mPUpp4Ouyw8bMupHgxC3VL9BLZzvV">Supabase
|
||
Happy Hours</a> - A signature ongoing series of livestreams hosted by
|
||
the Supabase core team, where they try to create side projects using
|
||
Supabase APIs and engage with the community. Hosted by core members <a
|
||
href="https://thorweb.dev/">Thor Schaeff</a>, <a
|
||
href="https://jonmeyers.io/">Jon Meyers</a>, Alaister Young and <a
|
||
href="https://dshukertjr.dev/">Tyler Shukert</a>.</li>
|
||
<li><a
|
||
href="https://www.youtube.com/watch?v=QAm1x7KaLq4&list=PL5S4mPUpp4OuzQN-a_FY3OZQuYo4NmXvb">Supabase
|
||
Developer Stories</a> - An ongoing series where SaaS
|
||
founders/co-founders that use Supabase to showcase their products.</li>
|
||
<li><a
|
||
href="https://www.youtube.com/watch?v=UiANV3uqT04&t=6841s">CityJS
|
||
2022 Talk on Building Billy with Supabase</a> - A talk on how a React
|
||
Native expense tracker side project is built with Supabase, by a
|
||
SupaSquad member <a href="https://esteetey.dev/">Estee Tey</a>.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=8tfdY0Sf2rA">Build An Image
|
||
Gallery With Supabase Storage and React</a> - A tutorial on using
|
||
Supabase to upload & serve images.</li>
|
||
<li><a
|
||
href="https://podcast.bitreach.io/episodes/product-market-fit-is-one-pivot-away-with-ant-wilson-founder-of-supabase">PMF
|
||
is one pivot away with Ant Wilson from Supabase</a> - Talks about
|
||
Supabase’s experiences of the phases before and after Product Market Fit
|
||
(PMF).</li>
|
||
</ul>
|
||
<h2 id="integration-guides">Integration Guides</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/supabase-community/firebase-to-supabase">Firebase
|
||
to Supabase</a> - A collection of guides of migrating from different
|
||
components of Firebase such as Auth, Firestore, Storage, Functions to
|
||
Supabase.</li>
|
||
<li><a href="https://directus.io/guides/directus-plus-supabase/">How to
|
||
Manage Your Supabase Database with Directus</a> - 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.</li>
|
||
<li><a
|
||
href="https://retool.com/blog/supabase-tutorial-admin-panel/">Supabase
|
||
admin panel tutorial with Retool</a> - Retool helps teams to build
|
||
internal tools quickly. Learn how to setup an admin panel using Retool
|
||
and Supabase.</li>
|
||
<li><a
|
||
href="https://philipp.steinroetter.com/posts/supabase-turborepo">Set up
|
||
a monorepo with Supabase and Turborepo</a> - Talks about how a codebase
|
||
is migrated to a turborepo-powered pnpm monorepo that ships 3 NextJS
|
||
apps, a Preact widget, a React Native app and two Fastify servers out of
|
||
a single repository, all speaking to the same Supabase instance.</li>
|
||
<li><a
|
||
href="https://www.permit.io/blog/how-to-implement-rbac-in-supabase">How
|
||
to Implement RBAC (Role-Based Access Control) in Supabase</a> - Learn
|
||
how to implement Role-Based Access Control (RBAC) authorization into a
|
||
Supabase application with Permit.io.</li>
|
||
</ul>
|
||
<h2 id="other-interesting-articles">Other interesting articles</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://www.developermarkepear.com/blog/developer-marketing-on-social-media-twitter-supabase">How
|
||
to market to developers on Twitter: Learnings from 4 months of Supabase
|
||
feed</a> - Analyzes growth marketing strategy of Supabase, especially on
|
||
Twitter.</li>
|
||
<li><a
|
||
href="https://fleetingnotes.app/posts/migrating-from-firebase-to-supabase/">How
|
||
Fleeting Notes Migrated 1000+ Users from Firebase to Supabase (Stripe,
|
||
Firebase, Supabase)</a> - Walks through the process of how Fleeting
|
||
Notes (a note-taking application) migrated from Firebase to Supabase in
|
||
terms of Stripe integration and its databases.</li>
|
||
<li><a
|
||
href="https://usebasejump.com/blog/testing-on-supabase-with-pgtap">Ultimate
|
||
guide to testing on Supabase using pgTAP</a> - How to test RLS policies
|
||
and requests to Supabase.</li>
|
||
<li><a
|
||
href="https://emergence-engineering.com/blog/firestore-supabase-migration">Migrating
|
||
from Firebase to Supabase: Lessons Learned</a> - 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.</li>
|
||
<li><a
|
||
href="https://www.jakeprins.com/blog/supabase-vs-firebase-2024">Supabase
|
||
vs Firebase: Choosing the Right Backend for Your Project</a> - A
|
||
detailed comparison between Supabase and Firebase. Discover the key
|
||
differences between the two platforms and the advantages of choosing
|
||
Supabase over Firebase.</li>
|
||
</ul>
|
||
<p><a href="https://github.com/lyqht/awesome-supabase">supabase.md
|
||
Github</a></p>
|