데브허브 | DEVHUB | Forget Stripe: The Easiest Way to Add PaymentsForget Stripe: The Easiest Way to Add Payments
- 기존 SaaS 앱의 크레딧 구매 기능 부재 문제를 해결하기 위해 Stripe의 대안으로 Polar를 결제 시스템으로 도입했습니다. 💳
- Polar는 더 많은 국가에서 사용 가능하며, 판매자 기록(Merchant of Record)으로서 세금 처리를 대행하여 복잡성을 줄여줍니다. 🌍
- Next.js 기술 스택과 BetterAuth의 Polar 플러그인을 활용하여 결제 시스템을 쉽고 효율적으로 통합했습니다. 🔌
- 개발 및 테스트는 샌드박스 모드에서 진행하여 실제 신용카드 정보 없이 가상 결제를 통해 기능을 검증했습니다. 🧪
- 사용자 크레딧 구매 및 사용 내역을 정확히 추적하기 위한 트랜잭션 기록의 중요성을 강조했습니다. 📊
- Polar의 핵심 기능인 체크아웃, 사용자 포털(구매 내역), 웹훅(크레딧 추가)을 구현했으며, 사용량 추적은 제외했습니다. 🛒
- 로컬 개발 환경에서 Polar 웹훅이 앱에 접근할 수 있도록 ngrok을 사용하여 임시 공개 URL을 생성하고 설정했습니다. 🌐
- Polar 계정 설정, Basic, Pro, Premium 세 가지 제품 생성, 각 제품의 고유 ID를 앱에 구성하는 과정을 거쳤습니다. 📦
- Polar 웹훅 엔드포인트 설정 시,
order created, updated, paid, refunded와 같은 특정 이벤트만 구독하여 효율성을 높였습니다. 🔔
- Claude Code를 활용하여 구현 계획 수립, 단계별(Phase) 구현, 코드 리뷰까지 자동화된 개발 워크플로우를 시연했습니다. 🤖
- 초기 테스트에서 사용자 이메일 자동 채움 문제와 결제 후 크레딧 업데이트 실패 등 몇 가지 문제점을 발견하고 해결 과정을 시작했습니다. 🐞