mirror of
https://github.com/supabase/supabase.git
synced 2026-07-03 13:04:33 +08:00
91 lines
6.7 KiB
Plaintext
91 lines
6.7 KiB
Plaintext
---
|
|
title: 'Examples and Resources'
|
|
description: 'Supabase examples and resources'
|
|
---
|
|
|
|
# Examples and Resources
|
|
|
|
We have a [set of examples](https://github.com/supabase/supabase/tree/master/examples) in our [main repository](https://github.com/supabase/supabase) to help you get started.
|
|
|
|
## Todo List
|
|
|
|
Build a basic Todo List with Supabase and your favorite frontend framework:
|
|
|
|
- [Expo Todo List.](https://github.com/supabase/supabase/tree/master/examples/todo-list/expo-todo-list)
|
|
- [Next.js Todo List.](https://github.com/supabase/supabase/tree/master/examples/todo-list/nextjs-todo-list)
|
|
- [React Todo List.](https://github.com/supabase/supabase/tree/master/examples/todo-list/react-todo-list)
|
|
- [Svelte Todo List.](https://github.com/supabase/supabase/tree/master/examples/todo-list/sveltejs-todo-list)
|
|
- [Vue 3 Todo List (Typescript).](https://github.com/supabase/supabase/tree/master/examples/todo-list/vue3-ts-todo-list)
|
|
- [Angular Todo List.](https://github.com/supabase/supabase/tree/master/examples/angular-todo-list)
|
|
|
|
## Auth examples#
|
|
|
|
- [Supabase Auth with vanilla Javascript..](https://github.com/supabase/supabase/tree/master/examples/auth/javascript-auth) Use Supabase without any frontend frameworks.
|
|
- [Supabase Auth with Next.js SSR.](https://github.com/supabase/supabase/tree/master/examples/nextjs-with-supabase-auth) Uses cookies to persist auth between the server and the client.
|
|
- [Supabase Auth with RedwoodJS.](https://redwood-playground-auth.netlify.app/supabase) Try out Supabase authentication in the [RedwoodJS](https://redwoodjs.com/) Authentication Playground complete with OAuth support and code samples.
|
|
|
|
## Collaborative
|
|
|
|
- [Next.js Slack Clone.](https://github.com/supabase/supabase/tree/master/examples/slack-clone/nextjs-slack-clone)
|
|
|
|
## Community
|
|
|
|
### Libraries
|
|
- Dart (in development): [GitHub](https://github.com/supabase/supabase-dart )
|
|
- Python (in development): [GitHub](https://github.com/supabase/supabase-py)
|
|
- C# (in development): [GitHub](https://github.com/supabase/supabase-csharp)
|
|
- Kotlin (in development): [GitHub](https://github.com/supabase/supabase-kt)
|
|
- useSupabase: Supabase React Hooks. [GitHub](https://github.com/gbibeaul/use-supabase)
|
|
- vue-supabase: Supabase Vue wrapper. [GitHub](https://github.com/supabase/vue-supabase)
|
|
- vue-3-supabase: Supabase Vue 3 wrapper. [GitHub](https://github.com/DidoMarchet/vue-3-supabase)
|
|
- nuxt-supabase: Supabase Nuxt wrapper. [GitHub](https://github.com/supabase/nuxt-supabase)
|
|
- react-supabase: Supabase React Hooks. [Docs](https://react-supabase.vercel.app/) [GitHub](https://github.com/tmm/react-supabase)
|
|
- @triniwiz/nativescript-supabase: Supabase NativeScript. [GitHub](https://github.com/triniwiz/nativescript-plugins/tree/master/packages/nativescript-supabase)
|
|
|
|
### Guides
|
|
|
|
- Supabase Auth with Redwood. [Docs](https://redwoodjs.com/tutorial/authentication)
|
|
- Supabase Auth with Sapper SSR. [Blog](https://dev.to/jakobbouchard/how-to-setup-supabase-auth-with-sapper-ssr-13od)
|
|
- Switch from Firebase Auth to Supabase Auth. [Blog](https://msyyn.medium.com/switch-from-firebase-auth-to-supabase-auth-the-open-source-firebase-alternative-509746952b1b)
|
|
- Setting up Umami Analytics with Supabase. [Blog](https://dev.to/jakobbouchard/setting-up-umami-with-vercel-and-supabase-3a73)
|
|
- Creating New Supabase Users In NextJS. [Blog](https://www.aboutmonica.com/blog/creating-new-supabase-users-in-next-js)
|
|
- Creating Protected Routes In NextJS With Supabase. [Blog](https://www.aboutmonica.com/blog/creating-protected-routes-in-next-js-with-supabase)
|
|
- Migrate from Google Cloud Storage (GCS) to Supabase Storage Gist
|
|
- Subscriptions with Supabase and Stripe Billing [Blog](https://www.sandromaglione.com/2021/04/29/supabase-auth-create-stripe-customer-subscription-supabase-stripe-billing-part-1/)
|
|
- Flutter Supabase Authentication [Blog](https://www.sandromaglione.com/2021/04/24/flutter-supabase-authentication/)
|
|
- Supabase in 6 minutes []Video(https://www.youtube.com/watch?v=c8DNV9yl0mg)
|
|
- Let's build SupaAuth - Build an Authentication System using Supabase, Next.js and Typescript 6-part [Blog Series](https://aalam.in/blog/supabase-auth-intro-setup-next)
|
|
- In-depth self-hosting guide using Nginx [Blog](https://dev.to/chronsyn/self-hosting-with-supabase-1aii)
|
|
|
|
### Example apps
|
|
|
|
|
|
Supabase + Stripe + Next.js. [GitHub](https://github.com/vercel/nextjs-subscription-payments)
|
|
Supabase + Svelte Trello clone. [GitHub](https://github.com/joshnuss/supabase-kanban)
|
|
Supabase + Expo Starter. [GitHub](https://github.com/codingki/react-native-expo-template/tree/master/template-typescript-bottom-tabs-supabase-auth-flow)
|
|
Supabase + Nest.js. [GitHub](https://github.com/hiro1107/nestjs-supabase-auth)
|
|
Supabase + Cloudflare Workers. [GitHub](https://github.com/supabase/supabase/tree/master/examples/with-cloudflare-workers)
|
|
Supabase + Cloudflare Workers + Webpack. [GitHub](https://github.com/signalnerve/supabase-workers-proxy)
|
|
Realtime chat app with Supabase + React. [GitHub](https://github.com/shwosner/realtime-chat-supabase-react)
|
|
Repository.surf: GitHub insights dashboard. [GitHub](https://github.com/supabase/repository.surf)
|
|
Supabase + React + Mobx-State-Tree Instagram Clone. [GitHub](https://github.com/NiketanG/instaclone)
|
|
KeepLink: Simple bookmark service with tags and archive. [GitHub](https://github.com/fengkx/keeplink)
|
|
Supabase + Next.js (Next.js Starter Kit) [Github](https://github.com/one-aalam/next-starter-kit/tree/auth-supabase)
|
|
Supabase + Svelte (Svelte Starter Kit) [Github](https://github.com/one-aalam/svelte-starter-kit)
|
|
Supabase + SolidJS (SolidJS Starter Kit) [Github](https://github.com/one-aalam/solid-starter-kit)
|
|
Supabase + Nuxt3 (Nuxt Starter Kit) [Github](https://github.com/one-aalam/nuxt-starter-kit)
|
|
Supabase + Remix (Remix Starter Kit) [Github](https://github.com/one-aalam/remix-starter-kit)
|
|
Supabase + Angular (Angular Starter Kit) [Github](https://github.com/one-aalam/ng-starter-kit)
|
|
|
|
### Blog Posts
|
|
|
|
|
|
Realtime Subscriptions using Vue + Supabase. [Blog](https://dev.to/ftonato/realtime-subscriptions-using-vue-supabase-1e11)
|
|
Creating a microblog using Vue + Supabase. [Blog](https://dev.to/ftonato/creating-a-microblog-using-vue-supabase-31p)
|
|
Track Real-time Page Views. [Blog](https://codebycorey.com/blog/page-views-nextjs-supabase)
|
|
Supabase as a Sentry alternative. [Blog](http://kopi.cloud/blog/2021/sentry-supabase/)
|
|
Using Supabase with Chartbrew. [Blog](https://chartbrew.com/blog/how-to-visualize-your-supabase-data-with-chartbrew/)
|
|
Authentication with Supabase and React. [Blog](https://hyperfoo.io/posts/supabase-authentication-react)
|
|
Supabase Schema Visualizer. [Blog](https://dev.to/zernonia/supabase-schema-visualizer-no-installation-login-49kg)
|
|
Create a real-time UI using Next.js + Supabase. [Blog](https://pablopunk.com/posts/how-to-create-a-real-time-ui-with-nextjs-and-supabase)
|