--- id: examples title: Examples and Resources description: 'Examples you can use to get started with Supabase' --- 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/expo-todo-list) - [Next.js Todo List.](https://github.com/supabase/supabase/tree/master/examples/nextjs-todo-list) - [React Todo List.](https://github.com/supabase/supabase/tree/master/examples/react-todo-list) - [Svelte Todo List.](https://github.com/supabase/supabase/tree/master/examples/sveltejs-todo-list) - [Vue 3 Todo List (Typescript).](https://github.com/supabase/supabase/tree/master/examples/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/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) Authenticaton Playground complete with OAuth support and code samples. ## Collaborative - [Next.js Slack Clone.](https://github.com/supabase/supabase/tree/master/examples/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](https://gist.github.com/danalloway/86f79efd5ca336ff7364554ac3104014) - 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/tree/auth-supabase) ### 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)