피드로 돌아가기
Dev.toFrontend
원문 읽기
백엔드 없는 서버리스 아키텍처로 구현한 1인 서비스 출시 기록
From Writing Requirements Docs to Shipping My First Solo Product
AI 요약
Context
단순 음차 방식의 기존 중국어 이름 생성 도구들이 가진 낮은 품질 문제. 기획 중심의 커리어에서 벗어나 아이디어부터 배포까지 전 과정을 단독으로 수행하는 기술적 도전.
Technical Solution
- Next.js 15와 Tailwind CSS v4 기반의 빠른 UI 반복 개발 체계 구축
- Cloudflare Pages와 @cloudflare/next-on-pages를 통한 Edge Runtime 환경 배포 및 글로벌 CDN 활용
- 서버 비용 및 관리 포인트 제거를 위해 모든 비즈니스 로직을 클라이언트 사이드에서 처리하는 Serverless 아키텍처 설계
- Canvas API를 활용해 서버 요청 없이 브라우저에서 즉시 이미지 결과물을 생성하는 렌더링 방식 채택
- PayPal JS SDK 기반의 단발성 결제 플로우 통합으로 구독 모델의 복잡성 배제
- 이미지 자산을 Base64로 인코딩하여 TypeScript 상수 파일에 포함함으로써 외부 요청 없는 즉시 로딩 구현
Impact
- 배포 시간 2분 미만 달성
- 홈페이지 번들 크기 약 970KB 발생
Key Takeaway
초기 MVP 단계에서는 인프라 관리 부담을 최소화하기 위해 백엔드와 데이터베이스를 완전히 배제한 클라이언트 중심 설계가 빠른 출시를 가능케 함.
실천 포인트
정적 자산의 Base64 인코딩은 로딩 속도를 높이지만 번들 크기를 증가시키므로, 자산 규모가 커질 경우 Cloudflare R2와 같은 오브젝트 스토리지 도입을 검토할 것