Join our community

Get access to the complete guide to developing and deploying fast, production-ready Nuxt apps.

4-4 Setting Up Supabase

In this lesson, we set up our Supabase project so we can handle authentication. We’ll also set up a Github OAuth app in order to use Github as the OAuth provider.

One thing that makes using Supabase a breeze in our app is the NuxtJS module that gives us composables and SSR friendly methods out of the box! It’s also easy to install and configure.

In a future chapter, we’ll also be using Supabase to provide a Postgres database.

UPDATE, March 2023: When deploying, you’ll need to add the Netlify preview URL to Redirect URLs on Supabase: Authentication → URL Configuration → Redirect URLs.

Supabase: supabase.com

Setting up Github with Supabase: https://supabase.com/docs/guides/auth/auth-github

Supabase NuxtJS module: https://supabase.nuxtjs.org/

This course was originally built with Nuxt 3, but it's no longer being maintained. You can still follow the lessons, but make sure to use the exact dependency versions listed in the course repository to avoid breaking changes.

If you’re looking for the most up-to-date and fully supported version, we recommend Mastering Nuxt: Full Stack Unleashed , which uses Nuxt 4 and actively being maintained.