> ## Content Index
> Fetch the complete content index at: https://reactpractice.dev/llms.txt
> Use this file to discover other available public pages before exploring further.

# Build a simple auth app with Supabase
- URL: https://reactpractice.dev/exercise/build-a-simple-auth-app-with-supabase/
- Published: 2024-07-22T06:26:52.000Z
- Updated: 2026-06-01T01:58:19.000Z
- Author: Corina Udrescu
- Tags: Auth, #corina-2, Exercises, #Import 2026-06-09 12:07

Build a login / register / logout flow using React and Supabase.

Users should be able to create a new account with email and password.  
Once an account is created, they can use it to login and they can view a dummy "Dashboard" page.

For the backend, create a simple [Supabase](https://supabase.com/?ref=reactpractice.dev) project - it's enough to just use the default settings when creating the app.  
For the frontend, you can connect to Supabase using [Supabase JS](https://supabase.com/docs/reference/javascript/introduction?ref=reactpractice.dev).

The app should have several pages.

If the user is logged in:

- show dashboard available at `/`

Otherwise, redirect to `/login`:

- shows username and password
- links to `/signup` in case the user doesn't have an account yet

You can use [Tailwind CSS](https://tailwindcss.com/docs/guides/vite?ref=reactpractice.dev) to style the app and [React Router](https://reactrouter.com/en/main/start/tutorial?ref=reactpractice.dev) for routing.

💡

Ready to check your work?  
[Become a member](https://reactpractice.dev/become-a-member/) and get access to the [official solution](https://reactpractice.dev/solution/tutorial-build-a-simple-auth-app-with-supabase/) and the comments section for feedback and discussion.