Setting Up Auth With Supabase

Note

May not cover, but offers starting details.

Getting Started

In our create-next-app command, we can include the argument with-supabase and run command

npx create-next-app@latest {app_name} -e with-supabase`

This generates a site that has implemented all the log in and sign up features for us. We just need to configure the app to work with our Supabase project.

To do so, we need to set the following environment variables in the .env file

NEXT_PUBLIC_SUPABASE_URL={your_supabase_url}
NEXT_PUBLIC_SUPABASE_ANON_KEY={your_anon_key}

To find this data, head over to "Project Settings -> API". You will find them here: