Build an AI Studio App using NextJS, Imagekit | ReactJs, Vercel
- AI 이미지 스튜디오를 Next.js와 Imagekit을 사용하여 구축합니다. 🖼️
- 이미지 업로드 후 배경 제거, 그림자 추가, 스마트 자르기, 품질 향상 등 다양한 AI 변환 옵션을 적용할 수 있습니다. ✨
- Imagekit.io는 이미지 및 비디오 최적화, 변환 및 전송을 위한 클라우드 기반 플랫폼입니다. ☁️
- Imagekit API를 사용하여 이미지 크기 조정, 자르기, 배경 제거, 그림자 추가, 업스케일링 등의 기능을 웹 애플리케이션에 통합할 수 있습니다. ⚙️
- Imagekit Next.js SDK를 설치하여 프로젝트에서 Imagekit을 설정합니다. 🔑
- Imagekit 대시보드에서 공개 키와 개인 키를 가져와 .env 파일에 추가합니다. 🛡️
- 이미지 URL과 변환 배열을 받아 Imagekit에 적용된 변환 URL을 생성하는 함수를 만듭니다. 🔗
- 이미지 업로드 상태를 추적하고, 업로드된 이미지의 URL을 저장하는 상태 변수를 추가합니다. 🚦