Build & Deploy AI PPT Slider Generator App using React, Vite, Genkit, Imagekit
- React와 Vite를 활용하여 AI 기반 PPT 슬라이드 생성 앱을 구축하며, 슬라이드별 인라인 편집, 실시간 이미지 생성 및 변환, PPT 형식으로 내보내기 기능을 제공합니다. 💡
- 사용자 인증(Clerk), 구독 모델(Clerk), 크레딧 시스템을 포함한 완벽한 풀스택 SaaS 애플리케이션으로, 비즈니스 모델 구축에 적합합니다. 💰
- React, Vite(프론트엔드), Firebase 및 Genkit AI(백엔드/AI), ImageKit(AI 이미지 생성 및 최적화), Clerk(인증 및 결제) 등 최신 기술 스택을 활용합니다. 🛠️
- ImageKit을 통해 AI 기반 이미지 생성, 스마트 크롭, 생성형 채우기 등 다양한 이미지 변환 기능을 URL만으로 쉽게 구현할 수 있습니다. 🖼️
- Clerk를 사용하여 단 한 줄의 코드로 사용자 인증과 구독 결제 시스템을 앱에 통합하여 개발 시간을 단축합니다. 🔑
- Vite를 빌드 도구로 사용하여 React 애플리케이션을 빠르고 효율적으로 생성하고 개발할 수 있으며, 핫 리로드 기능으로 즉각적인 변경 사항 확인이 가능합니다. ⚡
- Tailwind CSS 기반의 인기 UI 컴포넌트 라이브러리인 ShadCN을 통합하여 세련된 사용자 인터페이스를 구축하는 방법을 다룹니다. ✨
- 사용자의 프롬프트에 따라 AI가 실시간으로 슬라이드 아웃라인을 생성하고, 선택된 스타일에 맞춰 슬라이드를 하나씩 만들어내는 과정을 보여줍니다. 🚀