Tech Stack

우리가 실제로 쓰는 도구

캘리버(Caliber)의 기술 스택. Next.js, React 19, TypeScript, Python, Supabase, FastAPI, Airflow부터 Three.js, GSAP, TossPayments, Gemini AI까지 — 프로덕션에서 실제로 쓰는 도구와 그 이유.

Core

거의 모든 프로젝트의 기반이 되는 스택.

  • Next.js 15~16
  • React 19
  • TypeScript
  • Python
  • MongoDB
  • Supabase

Backend & Infra

API, 데이터, 배포 — 운영 가능한 시스템을 떠받치는 층.

  • TailwindCSS
  • FastAPI
  • Radix UI
  • NextAuth
  • AWS S3
  • Docker
  • Airflow
  • GraphQL

Interaction & Integration

모션·3D부터 결제·광고·AI 연동까지, 제품의 표면과 외부 연결.

  • Framer Motion
  • GSAP
  • Three.js
  • React Query
  • Zustand
  • TossPayments
  • Selenium
  • Google Ads API
  • Gemini AI
  • Kotlin

이 스택으로 멀티테넌트 커머스(NOBA), 3개 OTA 예약 동기화(Sell-D), 5개 플랫폼 광고 대시보드(Entermarketing), 데이터 파이프라인(Airflow)을 프로덕션으로 출시했습니다.

사례로 확인하기함께 만들기 →