본문으로 건너뛰기

Auth0 & Supabase 가이드 추가

· 약 1분
Nanumspace
Nanumspace Team

인증 플랫폼 Auth0와 백엔드 플랫폼 Supabase를 Next.js 프로젝트에 적용하는 가이드를 추가했습니다.

Auth0 가이드

Auth0란?

Auth0의 핵심 개념과 인증 흐름을 설명합니다. Tenant, Application, Connection 등 기본 구성 요소와 Authorization Code Flow를 다룹니다.

Auth0란? 바로가기 →

Next.js에 Auth0 적용하기

Next.js App Router 환경에서 @auth0/nextjs-auth0 SDK를 사용한 인증 구현 방법을 안내합니다.

  • SDK 설치 및 환경 변수 설정
  • Auth0 Dashboard 설정 (Allowed Callback URLs 등)
  • UserProvider로 인증 상태 관리
  • 로그인 / 로그아웃 / 프로필 조회
  • 서버 컴포넌트 & 미들웨어에서 세션 확인

Next.js에 Auth0 적용하기 바로가기 →


Supabase 가이드

Supabase란?

오픈소스 Firebase 대안인 Supabase의 핵심 개념을 설명합니다. PostgreSQL 기반 DB, RLS(Row Level Security), API Key 구조, Firebase와의 비교를 다룹니다.

Supabase란? 바로가기 →

Next.js에 Supabase 적용하기

Next.js App Router 환경에서 @supabase/ssr을 사용한 전체 연동 방법을 안내합니다.

  • 브라우저용 / 서버용 클라이언트 설정
  • 미들웨어를 통한 세션 자동 갱신
  • 이메일/비밀번호 인증 및 소셜 로그인
  • 데이터베이스 CRUD (조회, 생성, 수정, 삭제)
  • 실시간 구독으로 데이터 변경 감지

Next.js에 Supabase 적용하기 바로가기 →