User Authentication in Next.js with Supabase

1

Supabase UI

Supabase also provides an open source component library called Supabase UI, which is a collection of common UI components and utilities that are used across the range of Supabase products. Its styling is heavily inspired by Tailwind CSS, so you know it will look good out of the box.

#Design Tools #Productivity #Developer Tools 2 social mentions

2

react-context

We'll call this AuthProvider and use it as the top-level component in our app, thereby providing user data and authentication functionality throughout. It will utilize React Context, and provide the session and user objects from Supabase Client, as well as the signOut Function. The rest of the authentication flows will be handled by the Auth component from Supabase UI, which we'll get to in later steps.

#Javascript UI Libraries #Front-End Frameworks #JS Library 207 social mentions

3

Next.js

For this tutorial, we'll be using Next.js and the TailwindCSS starter template 🚀.

#Developer Tools #Web Frameworks #JavaScript Framework 921 social mentions

4

PostgREST

#Databases #MySQL Tools #Data Integration