Next.js + Supabase 조합에서 이미지 업로드 최적화 방법?

재@devjay 46시간 전

프로젝트 제출 화면에 스크린샷 업로드를 붙이는 중입니다. 원본 이미지를 그대로 올리면 모바일에서 업로드 실패가 많고, 리사이징을 클라이언트에서 할지 서버 큐로 넘길지 고민입니다.

현재는 Supabase Storage에 직접 업로드하고 DB에는 URL만 저장합니다. 이미지가 커질수록 미리보기 로딩이 느려지고, 여러 장을 동시에 올릴 때 실패율이 올라갑니다.

REPLIES2개 의견

@imageops클라이언트 리사이징을 먼저 넣고, 원본 보관이 필요하면 별도 버킷으로 분리하는 편이 운영이 쉽습니다.

@nextjs업로드 직후 썸네일 URL을 즉시 만들 수 있도록 metadata 테이블을 분리해두면 좋습니다.