Bolt.new: AI로 풀스택 앱 즉시 생성

https://bolt.new

[특징]
- StackBlitz 기반
- Next.js / Vite 풀앱 생성
- 즉시 실행 + 미리보기
- 즉시 배포 (Netlify·Vercel)
- 채팅으로 수정


[가격]
- Free — 1M tokens/day
- Pro $20/mo — 10M tokens/mo

[기본 풀앱]
"Build a SaaS landing page for AI productivity tool"


[구체적]
"Build a Next.js 16 SaaS landing page:
- AI English speaking app for Korean professionals
- Hero with bold headline + email signup
- 3 features: AI voice, Korean explanations, Work scenarios
- Pricing: Free / Pro $19/mo
- Dark mode
- Mobile responsive
- Use Tailwind + shadcn
- Korean copy throughout"


→ 30초~1분 → 작동하는 사이트
→ 즉시 미리보기
→ 다음 단계로 반복

[다듬기]
"Make the hero more impactful with a gradient background"

[추가]
"Add a testimonials section with 3 fake testimonials"

[수정]
"Change the primary color from blue to indigo"

[기능]
"Add a contact form that sends to /api/contact"

[Bolt.new]
- 풀앱 즉시
- 빠른 프로토타입
- 이전 작업 컨텍스트 약함

[Cursor]
- 깊은 작업
- 큰 코드베이스
- 멀티 파일

[v0.dev]
- UI 컴포넌트만
- 디자인 빠름

→ 흐름:
1. Bolt — 처음 30초 풀앱
2. v0 — UI 컴포넌트 추가
3. Cursor — 비즈니스 로직 + 출시

Bolt에서:
1. "Deploy to Netlify"
2. 1분 후 라이브 URL


또는 Vercel:
1. Code → Download as zip
2. 또는 GitHub repo 연결
3. Vercel Import

Bolt에서:
"Add Supabase auth + database:
- Users table
- Posts table with foreign key
- RLS policies
- Login/signup pages
- Protected dashboard"


→ 환경 변수 placeholder 자동
→ Supabase 연결 코드 포함
→ 사용자가 키만 추가

"Add Stripe subscription billing:
- Pro tier $19/mo
- Checkout page
- Webhook handler
- User subscription status in DB
- Pricing page"


→ Stripe 통합 코드 자동
→ 사용자가 price_id 추가

[한계]
- 큰 프로젝트 일관성 약함
- 컨텍스트 기억 한도
- 복잡한 비즈니스 로직 어려움


[우회]
- 시작 부분만 Bolt
- 그 후 Cursor로 전환
- 반복 작업 v0


[Bolt 적합]
- 첫 1주 빠른 빌드
- 검증 단계
- 데모·시연

[Hour 1]
Bolt.new에서:
"Build [App Name]: [기능 명세]"

→ 30분 — 기본 구조
→ 30분 — 다듬기

[Hour 2~4]
v0.dev에서:
- 핵심 컴포넌트 디자인

→ Cursor로 통합

[Hour 5~7]
Cursor에서:
- API endpoints
- DB 연결
- 인증

[Hour 8]
Vercel 배포 + 도메인


→ 1일 완성