본문 바로가기

개발관련

Supabase로 Next.js 호스팅하는 방법

728x90
반응형

Supabase를 활용한 Next.js 호스팅 방법

  1. Vercel + Supabase (추천 ✅)
    • Next.js의 기본 호스팅 플랫폼인 Vercel을 사용
    • Supabase를 백엔드(Database + Auth + Storage)로 연결
    • 가장 안정적이고 쉬운 방법
  2. Supabase Storage + Edge Functions 활용
    • Next.js를 Static Export (next build && next export) 후 Supabase Storage에 업로드
    • Supabase Edge Functions을 사용해 동적 API 처리 가능
    • 완벽한 SSR 지원이 어렵고, 정적 사이트 위주로 사용 가능
  3. Cloudflare Pages + Supabase
    • Cloudflare Pages에 Next.js 정적 파일 배포
    • Supabase를 백엔드 API로 활용
    • 빠른 성능과 낮은 비용 가능

🔹 가장 현실적인 선택은?

  • SSR(서버 사이드 렌더링) 필요 → Vercel (Supabase를 DB로 활용)
  • 정적 사이트(Static Export)만 필요 → Supabase Storage 가능
  • 저렴한 비용 + 글로벌 배포 → Cloudflare Pages + Supabase

결론:
Supabase는 Next.js 자체 호스팅 기능은 없지만, 백엔드로 활용하면서 Vercel 또는 Cloudflare Pages와 함께 사용하면 강력한 조합이 됩니다! 🚀

728x90
반응형