studio.soluta

Verify

공개 주소에서 이미지 카드 확인하기

Supabase의 글과 Cloudinary의 이미지가 Vercel 공개 주소의 카드 하나로 합쳐져 보이는지 확인할 수 있습니다

단계 1 / 5

Vercel에는 Supabase 공개 주소와 publishable key 두 값만 넣고 새 Preview를 배포합니다

그대로 붙여넣기
이 Vercel 프로젝트에 필요한 환경 변수 이름을 예제 코드에서 확인해 주세요. 공개 읽기 값과 관리자 비밀값을 나누고, Vercel에 넣을 이름 두 개만 보여 주세요. 실제 값은 출력하지 마세요.
확인

NEXT_PUBLIC_SUPABASE_URL과 NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY만 나옵니다.

01

단계 2 / 5

Preview 주소에서 이미지, 제목과 이미지 설명을 확인합니다

확인

이미지·제목·이미지 설명이 카드 하나에 함께 보입니다.

02

단계 3 / 5

GitHub의 최근 커밋과 Vercel Preview가 같은 커밋을 가리키는지 확인합니다

확인

Vercel 배포 정보의 커밋이 GitHub의 최근 커밋과 같습니다.

03

단계 4 / 5

Cloudinary 이미지와 Supabase 행에서 같은 public_id를 확인합니다

확인

Cloudinary의 public_id가 Supabase의 cloudinary_public_id와 같고 image_url도 같은 이미지를 엽니다.

04

단계 5 / 5

확인을 마친 변경만 main에 합치고 Production 주소를 새 브라우저 창에서 엽니다

확인

새 브라우저 창의 Production 주소에서도 같은 이미지 카드가 보입니다.

05

순서를 모두 마쳤어요

그대로 붙여넣기
방금 배포한 포트폴리오를 확인해 주세요. GitHub 최근 커밋, Vercel 배포 커밋, Supabase의 최근 행과 Cloudinary public_id를 대조하고 실제 주소에서 이미지와 제목이 보이는지 확인해 주세요. 비밀값은 출력하지 마세요.