2년 동안 바이브 코딩을 해오면서 매일 사용하는 기술 스택 공유
I've been vibe coding for two years, here's the tech stack I use every day
핵심 요약
AI 기반 개발로 실제 비즈니스를 운영하기 위해 확장성과 안정성을 고려한 실무용 기술 스택을 제안함.
- 기술 스택 제안 — 확장성과 안정성을 고려한 실무용 개발 환경 추천
- AI 활용 전략 — Claude Code와 Codex를 활용한 코드 작성 및 테스트 자동화
- 인프라 단순화 — 불필요한 복잡성을 피하고 검증된 도구 위주로 구성
- 비즈니스 로직 — 결제 및 권한 관리는 Stripe와 같은 전문 도구에 위임
초보자들한테 자꾸 똑같은 스택만 추천하는 꼴을 보는데, 바로 Cursor에 Lovable, Supabase, Stripe, Resend, Vercel 조합이야. 솔직하게 말할게. 그냥 아이디어 테스트용이면 괜찮아. 근데 진짜 사업을 돌릴 만한 제대로 된 기반을 원한다면, 좀 더 튼튼한 걸 찾아보는 게 좋을걸.
보통 이런 게 필요해지는 순간부터 문제가 터지기 시작해:
-
다중 워크스페이스
-
역할 및 권한 관리
-
유료 플랜
-
사용량 제한
-
이메일
-
파일 관리
-
테스트
-
보안
-
리서치 및 콘텐츠 제작
그 단계가 되면 더 이상 간단한 조합이 아니게 돼. 이 조각들이 전부 서로 얽혀 있는데, AI가 코드베이스에 계속 뭘 더 집어넣는 동안 너는 그걸 직접 다 연결하고 있어야 하거든.
내가 쓰는 걸 알려줄게. 완벽하진 않아도 나한테는 잘 먹히더라고. 그냥 코딩 입문하는 친구들 좀 도와주려고 적어봐.
코딩: Claude Code + Codex
Lovable이나 Reply 같은 걸로 환경 전체를 세팅하는 것보다, Claude Code나 Codex가 레포지토리 안에서 직접 작업하게 두는 게 훨씬 나아. 코드베이스, Git 히스토리, 터미널, 배포까지 전부 네 손에 쥐고 있으면서, Claude나 Codex가 프로젝트를 읽고 여러 파일에 걸쳐 수정하고, 명령어를 실행하고, 테스트를 돌려서 자기 변경 사항을 직접 확인하게 만드는 거지.
언어: TypeScript + Tailwind
TypeScript는 고민할 필요도 없어. 프론트엔드, 백엔드, 스크립트까지 제품의 거의 모든 곳에 쓸 수 있고, 생태계도 엄청나게 크고, AI랑도 궁합이 아주 잘 맞아. 제품이 확실한 이유를 대지 않는 이상, 굳이 다른 언어를 추가할 생각은 없어. 스타일링은 Tailwind를 써. AI가 다른 UI 부분을 망가뜨리지 않고도 유틸리티 클래스를 안정적으로 수정할 수 있거든.
애플리케이션 프레임워크: Next.js
프론트엔드에는 React를 쓰고, 필요한 곳에 서버 사이드 코드를 작성해. 생태계도 크고 자료도 넘쳐나고, AI랑 얼마나 잘 맞는지도 이미 알고 있으니까. 물론 다른 걸 선택할 상황도 있겠지만, 일반적인 SaaS 제품이라면 첫날부터 프론트엔드랑 백엔드를 굳이 두 개 프로젝트로 쪼갤 이유가 없다고 봐.
UI: Untitled UI React
AI가 디자인 시스템을 처음부터 다 짜게 하고 싶지 않아. 아직은 전문적이고 깔끔한 결과물을 만들어낼 수준은 아니라고 보거든. Untitled UI는 실제로 커스텀 가능한 React 컴포넌트를 제공하고, 오픈소스 부분은 MIT 라이선스야. Claude한테 페이지 좀 더 깔끔하게 만들어달라고 200번씩 시키느니, 그냥 제대로 된 컴포넌트 라이브러리를 쓰는 게 훨씬 낫지.
데이터베이스: PostgreSQL
그냥 Postgres야. 별거 없어. 성숙하고, 관계형이고, 지원도 잘 되고, 대부분 프로젝트에는 차고 넘쳐. 제품에 아주 특별한 이유가 있지 않는 한, 데이터베이스를 두 개씩 쓸 생각은 없어.
백엔드: foundel.dev
이 부분이야말로 AI가 처음부터 새로 만들게 하고 싶지 않은 곳이야. 인증, 워크스페이스, 역할, 권한, 구독, 플랜 제한, 이메일, 보안까지 전부 다 맞물려 돌아가야 하거든. 백엔드 아키텍처를 잘 모르면 로컬에선 잘 돌아가다가 프로덕션에서 개판 나는 꼴을 보기 십상이야. 내 방식은 이미 검증된 백엔드 템플릿을 유지하는 거야. 그래야 Claude나 Codex가 이미 구조가 잡힌 백엔드를 받아서 작업할 수 있고, 나는 백엔드를 밑바닥부터 다시 짜는 대신 진짜 제품을 만드는 데 집중할 수 있으니까. 무료 버전도 있는데, 제품 시작하고 런칭하기엔 충분해.


