LaunchTrack을 만든 방법: Next.js와 Gemini API를 활용한 AI 커리어 코치

Source: Dev.to

🚀 LaunchTrack이란?

LaunchTrack은 구직자를 위한 AI 커리어 코치로, 다음과 같은 기능을 제공합니다:

• 맞춤형 구직 지원
• 면접 준비
• 이력서 분석
• AI 기반 커리어 조언

Live Demo:
GitHub:

🛠️ 기술 스택

• Frontend: Next.js 14 (App Router)
• AI: Google Gemini API
• Database: Prisma + PostgreSQL
• Authentication: Clerk
• Styling: Tailwind CSS + Shadcn UI
• State Management: Zustand
• Background Jobs: Inngest

💡 주요 기능

1. AI‑기반 커리어 조언

Google Gemini API를 활용해 사용자의 프로필과 목표에 맞춘 개인화된 커리어 가이드를 제공합니다.

2. 이력서 분석

이력서를 업로드하면 AI가 즉시 개선 방안을 피드백합니다.

3. 면접 준비

목표 직무에 맞춘 AI 생성 면접 질문으로 연습할 수 있습니다.

4. PWA 지원

오프라인에서도 동작하며 모바일 앱으로 설치할 수 있습니다.

🔧 아키텍처 개요

(아키텍처 다이어그램은 생략되었습니다.)

🎯 도전 과제 및 해결 방안

Challenge 1: Rate Limiting Gemini API

Solution: Inngest 백그라운드 작업을 이용해 요청 큐잉을 구현했습니다.

Challenge 2: Streaming AI Responses

Solution: Next.js Edge Runtime과 스트리밍 응답을 사용했습니다.

Challenge 3: PWA Offline Support

Solution: next-pwa를 커스텀 서비스 워커 캐싱과 함께 설정했습니다.

📊 결과

• ⚡ Lighthouse 점수: 95+
• 📱 PWA: 모든 디바이스에서 설치 가능
• 🔒 보안: A+ 등급

🔗 링크

• Portfolio:
• GitHub:
• LinkedIn: