Next.js 14, Cloudinary AI, Clerk 및 Stripe을 사용하여 부수입이나 비즈니스로 전환할 수도 있는 AI 기능과 결제 및 크레딧 시스템을 갖춘 실제 SaaS(Software-as-a-Service) 앱을 구축하세요.

 00:00:00 — 소개

 00:03:49 — 프로젝트 설정

 00:12:12 — Next.js 라우팅 및 폴더 구조

 00:23:21 — 사무원 인증

 00: 37:15 — 레이아웃 사이드바 및 모바일 탐색

 01:02:06 — 데이터베이스 및 모델 설정

 01:18:54 — 서버 작업 및 웹훅

 01:47:50 — 이미지 양식 추가(React Hook 양식 + Zod 유효성 검사)

 02:26: 05 — Cloudinary Media Uploader

 02:49:00 — 변환된 이미지 구성 요소

 03:01:10 — 이미지 서버 작업

 03:33:25 — 홈페이지 + 검색 및 페이지 매김

 03:52:10 — 이미지 세부 정보, 이미지 업데이트 및 삭제

 04:12 :21 — Stripe으로 결제 및 결제

 04:30:10 — 최종 배포 및 프로덕션 수정