Build & Deploy AI Content Generator App Using NextJs, React, TailwindCss, Typescript, Gemini, Clerk
- 이 튜토리얼에서는 Next.js, React, Tailwind CSS, TypeScript를 사용하여 AI 컨텐츠 생성 앱을 구축합니다. 🧑💻
- 앱의 UI는 Clerk를 통해 신속한 소셜 로그인을 제공하고 사용자별 크레딧 현황을 표시합니다. 🔐
- 50개가 넘는 템플릿을 통해 다양한 컨텐츠를 생성할 수 있으며, 사용자는 직접 템플릿을 작성하여 컨텐츠 생성 규칙을 정의할 수 있습니다. ✏️
- 구글의 AI 모델인 Gemini API를 활용하여 앱은 사용자 입력에 따라 텍스트를 생성하고, 상세한 설명과 예시를 제공합니다. 🤖
- 크레딧 시스템을 통해 컨텐츠 생성 시 사용량이 real-time으로 업데이트되며, 부족 시 월별 멤버십을 통해 추가 크레딧을 구매할 수 있습니다. 💰
- 클러커 이용으로 사용자 프로필 설정 페이지를 1줄만으로 구현하면서, 계정 관리 및 개인 정보 설정 기능을 제공합니다. 👤