Bolt.new 사용법 완전 가이드 — 자연어로 웹 앱 만드는 AI 빌더 입문

Bolt.new는 StackBlitz가 만든 AI 앱 빌더로, 자연어 설명 한 줄로 완성된 웹 앱을 브라우저 안에서 즉시 만들어주는 도구다. 코딩 없이도 React, Vue, Next.js 기반의 실제로 작동하는 앱을 몇 분 안에 완성할 수 있다.

📌 Bolt.new의 핵심 특징
전체 앱 자동 생성: 프론트엔드 + 백엔드 + 데이터베이스 구조까지 한 번에
브라우저 내 실행: 별도 서버 없이 브라우저에서 바로 앱 실행·수정
Claude Sonnet 기반: Anthropic의 Claude AI로 코드 생성

Bolt.new 사용 방법

bolt.new 접속
입력창에 만들 앱 설명 입력
AI가 자동으로 코드 생성 + 실시간 미리보기
채팅으로 수정 요청
GitHub에 연동하거나 Netlify로 배포

실전 프롬프트 예시

투두 앱

“React로 투두리스트 앱 만들어줘. 할 일 추가·완료·삭제 기능, localStorage에 저장, 반응형 디자인, Tailwind CSS 스타일링”

대시보드

“간단한 매출 대시보드 앱. 월별 매출 차트, 상위 제품 순위, 총 매출 수치 카드. Recharts 사용”

랜딩 페이지

“SaaS 제품 랜딩 페이지. 히어로 섹션, 기능 소개 3개, 가격 테이블, CTA 버튼. 다크 테마, 현대적 디자인”

📊 AI 앱 빌더 시장
Bolt.new는 출시 3개월 만에 월간 활성 사용자 100만 명을 돌파했다(2024). 특히 비개발자 창업자들과 프로토타이핑이 필요한 개발자들 사이에서 폭발적인 성장세를 보이고 있다.

Bolt.new 한계와 주의사항

복잡한 비즈니스 로직: 단순 앱은 잘 만들지만, 복잡한 인증·결제 시스템은 추가 작업 필요
토큰 한도: 무료 플랜은 일정 요청 수 제한이 있음
프로덕션 배포: 실제 서비스는 보안 검토 후 사용

비슷한 도구 비교

Bolt.new: 웹 앱 빌더, React/Vue/Next.js, 개발자 친화적
v0.dev (Vercel): UI 컴포넌트 생성 특화, Shadcn/UI 기반
Replit Agents: 풀스택 앱, 배포까지 통합
Lovable.dev: 비개발자 타깃, 더 쉬운 UI

자주 묻는 질문

Q. 만든 앱을 실제 사이트로 배포할 수 있나요?

Netlify, Vercel과의 원클릭 연동으로 즉시 배포 가능하다. GitHub 저장소에 연결해 지속적 업데이트도 가능하다.

Q. 유료 요금제가 필요한가요?

무료 플랜에서도 기본 기능은 사용 가능하지만, 복잡한 앱 생성 시 토큰 한도에 걸린다. Pro 플랜($20/월)에서 더 많은 생성이 가능하다.

아이디어는 있지만 코딩 실력이 없어서 구현하지 못했던 앱이 있다면, 지금 bolt.new에 접속해 한 문장으로 설명해보자.

📚 관련 글