증거
사례 연구가 아니라 주소를 드립니다.
마켓플레이스, 소셜 피드, 구인 게시판, 폐쇄형 지갑, QR 기반 신원 레이어가 하나의 데이터베이스 위에서 하나의 애플리케이션으로 돌아갑니다.
- 51개 언어로 제공되는 Next.js 프런트엔드
- 60개 이상의 모듈로 구성된 NestJS API
- Razorpay, Stripe, Cashfree 연동 및 자동 지급
- WebP 변환을 포함한 Cloudflare R2 미디어 파이프라인
VR 연습실과 AI 피드백으로 진행하는 어학 강좌. 자체 강좌 카탈로그, 결제, 라이브 수업, IELTS 연습 엔진을 갖추고 있습니다.
- 강좌 카탈로그, 장바구니, 국가별 가격
- 라이브 수업 일정 및 출석 관리
- IELTS 연습 모듈 자동 채점
- 프랜차이즈·학원 네트워크 콘솔
이미 해결한 문제
두 번 배우기에는 비싼 부분들
맞아떨어져야 하는 돈
실제 운영 중인 결제 게이트웨이 세 곳, 웹훅 검증을 갖춘 자동 은행 지급, 그리고 놓친 웹훅이 남긴 건까지 정리하는 대사 작업. 실패하면 지급이 늦어질 뿐, 사라지는 일은 없습니다.
실제로 분리되는 멀티테넌시
하나의 애플리케이션이 여러 회사를 서비스하되, 테넌트를 데이터 계층에서 판별하므로 어떤 쿼리도 실수로 경계를 넘어 읽을 수 없습니다. 여기에 테넌트별 브랜딩, 커스텀 도메인, 별도의 콘솔 로그인까지.
대용량 미디어
이미지·영상 업로드, WebP 변환, CDN 뒤의 오브젝트 스토리지에서 전용 호스트명으로 전송. 그래서 애플리케이션 서버는 파일 트래픽을 전혀 감당하지 않습니다.
51개 언어
하나의 프런트엔드로 51개 언어를 서비스합니다. 언어별 URL, 오른쪽에서 왼쪽으로 쓰는 언어 지원, 그리고 React가 마운트된 뒤가 아니라 첫 바이트부터 올바른 문서 언어.
실제 네트워크에서의 실시간
WebSocket 접속 상태 표시, 브라우저 통화, 화면이 꺼진 휴대폰까지 도달하는 웹 푸시. 실패 상황을 기준으로 만들었습니다. 알림 프레임워크는 기차에 타기 전까지는 완벽하게 작동하니까요.
AI 어시스턴트 시대에도 살아남는 검색
서버 렌더링 본문, 페이지에 표시되는 것과 같은 상수로 생성하는 구조화 데이터, 호스트별 사이트맵, 철저한 canonical 관리. 그래서 크롤러가 페이지를 읽을 수 있고, 답변 엔진이 인용할 수 있습니다.
기술 스택
모두 무엇으로 만들었는가
제품
- Next.js
- React
- TypeScript
- Tailwind CSS
- React Native
- Expo
백엔드
- NestJS
- Node.js
- PostgreSQL
- Prisma
- Redis
- WebSockets
클라우드
- Vercel
- Render
- Cloudflare
- Docker
- 오브젝트 스토리지
- CDN
결제
- Razorpay
- Stripe
- Cashfree
- UPI
- 자동 지급
- 정기 결제
AI
- Google Gemini
- Claude
- 비전
- 음성
- 임베딩
- 에이전트
성장
- 기술 SEO
- Meta Ads
- Google Ads
- WhatsApp Business
- 이메일
- 분석