Next.js + Supabase 프로젝트 구조

App Router 기반에서 Supabase를 붙일 때의 구조를 정리했습니다.

폴더 구조

src/
  app/        # 라우트(서버 컴포넌트 기본)
  components/  # UI
  lib/        # 데이터 접근 · 타입

원칙

• 읽기는 서버에서, 쓰기는 액션/클라이언트로
• 미설정 시 목업 폴백으로 항상 동작