Use Supabase Auth with React
Learn how to use Supabase Auth with React.js.
Create a new Supabase project
Launch a new project in the Supabase Dashboard.
Your new database has a table for storing your users. You can see that this table is currently empty by running some SQL in the SQL Editor.
Create a React app
Create a React app using the create-react-app
command.
Install the Supabase client library
The fastest way to get started is to use Supabase's auth-ui-react
library which provides a convenient interface for working with Supabase Auth from a React app.
Navigate to the React app and install the Supabase libraries.
Set up your login component
In App.js
, create a Supabase client using your Project URL and public API (anon) key.
You can configure the Auth component to display whenever there is no session inside supabase.auth.getSession()
Start the app
Start the app, go to http://localhost:3000 in a browser, and open the browser console and you should be able to log in.