Cloudinary

서비스 소개

Cloudinary는 이미지와 영상의 업로드, 자동 최적화, 변환(리사이즈·크롭·필터·워터마크), CDN 서빙을 하나의 서비스로 제공합니다. URL 파라미터만으로 이미지를 실시간 변환할 수 있어 개발이 매우 간편합니다. 월 25GB 저장소와 25GB 대역폭이 무료입니다.

🚀 시작하기

1. 1

   Cloudinary 가입

   cloudinary.com → 무료 가입 → Cloud name, API Key, API Secret 확인

2. 2

   SDK 설치

   npm install next-cloudinary

3. 3

   환경변수 설정

   CLOUDINARY_CLOUD_NAME, CLOUDINARY_API_KEY, CLOUDINARY_API_SECRET

💡 코드 예제

import { CldImage, CldUploadWidget } from 'next-cloudinary'

export function OptimizedImage() {
  return (
    <CldImage
      src="sample/cloudinary-logo"
      width={800}
      height={600}
      crop="fill"
      gravity="auto"
      quality="auto"
      format="auto"
      alt="로고"
    />
  )
}

같은 카테고리 API