Use Supabase Auth with React
Learn how to use Supabase Auth with React.js.
Create a React app
Create a React app using the
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
index.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
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.