Overview
Challenge
AI 도구가 범람하는 시대, 실무자에게 필요한 정보를 체계적으로 정리한 허브가 없었습니다.
Solution
AI 서비스 디렉토리, 무료 프롬프트 라이브러리, 블로그, 비용 계산기 등 실용적인 도구를 한곳에 모았습니다.
Approach
Next.js App Router 기반 SSG로 SEO 최적화, Supabase로 동적 콘텐츠 관리, Framer Motion으로 부드러운 인터랙션을 구현했습니다.
Key Features
주요 기능
35+ AI 서비스 디렉토리 (8개 카테고리)
14개 무료 프롬프트 라이브러리
AI 도구 추천 시스템
웹사이트 제작 비용 계산기
SEO 최적화 블로그 시스템
반응형 디자인 (모바일 ~ 데스크톱)
다크/라이트 섹션 디자인
Details
Tech Stack
Next.js 14TypeScriptTailwind CSSFramer MotionSupabaseVercel
Results
28+
총 페이지
35+
AI 서비스
95+
Lighthouse 점수
2주
제작 기간