Next.js 에러 Unhandled Runtime ErrorError: either NEXT_PUBLIC_SUPABASE_URL and NEXT_PUBLIC_SUPABASE_ANON_KEY env variables or supabaseUrl and supabaseKey are required!

supabase의 createClientComponentClient를 사용하는 도중

이런 에러 메시지를 발견.

 

NEXT_PUBLIC_SUPABASE_URL와 NEXT_PUBLIC_SUPABASE_ANON_KEY를 찾을 수 없다는 에러가 뜸.

 

node_modules/supabase/auth-helpers-nextjs/dist/index.js 문제가 있다고 에러메시지가 떠서 경로로 가봄

이 부분에 URL과 KEY를 가져와야 하는데, 찾을 수 없다는 것임

 

고민을 해보니까 .env.local 파일을 만들어진 폴더 안에 넣었어야 했는데, 안넣어져서 에러가 났던 것.

(or .env.local 안에 넣은 NEXT_PUBLIC_SUPABASE_URL, NEXT_PUBLIC_SUPABASE_ANON_KEY 철자 틀렸으면 에러 났을 것)