NOTE: This project is outdated and has been archived!

Supabase by example

These are example projects using supabase in various frameworks. This repo took inspiration from Solid Templates.

Frameworks

• nextjs
• nextjs-pages
• sveltekit
• react
• express (only in Magic Link + Otp SignIn and Reset flow example at the moment)
• nuxt
• auth-ui
  • react (only in Magic Link + Otp SignIn and Reset flow example at the moment)
  • nextjs (only in Reset flow example at the moment)

Getting started

Those templates dependencies are maintained via pnpm via pnpm up -Lri.

This is the reason you see a pnpm-lock.yaml. That being said, any package manager will work. This file can be safely be removed once you clone a template.

These templates are meant to be used as is via the degit utility.

Reset Password and Change Email flow

Replace [framework] with a framework from the supported list of frameworks

npx degit supabase-community/supabase-by-example/reset-flow/[framework] project-name
cd project-name
npm install # or pnpm install or yarn install

Magic Link + Otp SignIn flow

Replace [framework] with a framework from the supported list of frameworks

npx degit supabase-community/supabase-by-example/magic-link/[framework] project-name
cd project-name
npm install # or pnpm install or yarn install

OAuth Sign-in flow

Replace [framework] with a framework from the supported list of frameworks

npx degit supabase-community/supabase-by-example/oauth-flow/[framework] project-name
cd project-name
npm install # or pnpm install or yarn install

User Profile

Replace [framework] with a framework from the supported list of frameworks

npx degit supabase-community/supabase-by-example/user-profile/[framework] project-name
cd project-name
npm install # or pnpm install or yarn install