Bolt.new 완전 가이드 — 프롬프트 하나로 풀스택 앱 뽑는 법

"로그인이 있는 할 일 관리 앱 만들어줘"라고 입력하면 몇 분 안에 프론트엔드·백엔드·데이터베이스가 갖춰진 앱이 브라우저에서 실행된다. 코드 한 줄 없이 풀스택 앱을 만드는 것이 Bolt.new가 제시하는 개발 방식이다.

Bolt.new란

Bolt.new는 StackBlitz가 개발한 브라우저 기반 AI 풀스택 개발 플랫폼이다(공식 사이트 기준). 자연어 프롬프트를 입력하면 React, Vue, Svelte 등 프론트엔드와 Node.js 백엔드, 데이터베이스 스키마를 포함한 완성된 애플리케이션을 자동으로 생성한다. 로컬 설치 없이 브라우저에서 바로 실행·수정·배포까지 가능한 것이 핵심 차별점이다.

v0 by Vercel이 UI 컴포넌트 생성에 특화된 것과 달리, Bolt.new는 백엔드 로직과 데이터베이스 연동을 포함한 풀스택 앱 생성에 초점을 맞춘다.

주요 기능

WebContainer 기술

StackBlitz의 WebContainer는 브라우저 안에서 Node.js 런타임을 실행하는 기술이다. 서버가 아닌 클라이언트(브라우저)에서 npm 패키지 설치, 서버 실행, 파일 시스템 조작이 가능해 제로 설치 개발 환경을 실현한다. 이 기술이 없다면 Bolt.new의 브라우저 실행 환경 자체가 불가능하다.

AI 코드 생성 + 자연어 수정

Claude Sonnet을 기본 AI 모델로 사용해 프롬프트에서 전체 프로젝트를 생성한다. 생성 후 "로그인 페이지의 배경을 파란색으로 바꿔줘"처럼 자연어로 수정을 요청하면 해당 파일을 자동으로 편집한다.

원클릭 배포

Netlify, Vercel과 통합되어 있어 생성된 앱을 클릭 한 번으로 배포할 수 있다. 커스텀 도메인 연결도 지원한다.

파일 트리 직접 편집

AI 생성 결과물의 파일 트리를 직접 열어 수동으로 코드를 편집할 수 있다. 완전 AI 자동과 수동 편집을 자유롭게 혼합하는 워크플로우가 가능하다.

사용법

1단계 — 프롬프트 작성: bolt.new에 접속 후 입력창에 만들고자 하는 앱을 묘사한다. 구체적일수록 결과물이 의도에 가까워진다.

좋은 프롬프트 예시:

React + Tailwind로 만든 할 일 관리 앱.
기능: 할 일 추가/완료/삭제, 카테고리 태그, 로컬스토리지 저장.
UI: 미니멀 화이트 배경, 카드형 레이아웃.

2단계 — 생성 대기: AI가 파일 구조를 생성하고, 패키지를 설치하고, 개발 서버를 실행하기까지 보통 1~3분이 걸린다.

3단계 — 미리보기 확인 및 수정: 우측 미리보기 창에서 앱이 실행되는 것을 확인한다. 변경 사항은 자연어 추가 프롬프트 또는 파일 트리 직접 편집으로 수정한다.

4단계 — 배포: "Deploy" 버튼으로 Netlify 또는 Vercel에 바로 배포한다. GitHub 연동을 설정하면 변경사항이 자동으로 push된다.

가격 (공식 페이지 기준, 2026-04 기준)

| 플랜 | 가격 | 토큰 한도 | 주요 특징 | |---|---|---|---| | Free | 무료 | 일 150k 토큰 | 공개 프로젝트, 제한적 AI 요청 | | Basic | $10/월 | 월 5M 토큰 | 비공개 프로젝트 | | Pro | $20/월 | 월 10M 토큰 | 모든 AI 기능, 우선 처리 | | Teams | $30/월/인 | 월 15M 토큰 | 팀 협업, 공유 환경 |

*가격·한도는 공식 페이지 기준으로 변경될 수 있다.*

한국 사용자 평가

결제: 해외 비자/마스터 카드로 결제 가능하다. 카카오페이·토스·국내 통신사 결제는 지원하지 않는다(2026-04 기준).

한국어 지원: UI는 영어 전용이나, 한국어 프롬프트 입력이 가능하다. 생성 코드의 주석·변수명을 한국어로 지정해도 잘 동작한다.

네트워크: 해외 서버 기반이라 초기 WebContainer 구동에 수십 초~수 분이 걸리는 경우가 있다.

주의사항: 복잡한 상용 프로젝트보다는 프로토타입, MVP, 학습 목적에 적합하다. 생성된 코드의 보안 검토는 별도로 수행해야 한다.

대안 도구 비교

| 도구 | 강점 | 약점 | 추천 용도 | |---|---|---|---| | Bolt.new | 풀스택, 브라우저 즉시 실행 | 복잡한 앱 한계 | 풀스택 프로토타입 | | v0 by Vercel | UI 컴포넌트 완성도 높음 | 프론트엔드 한정 | UI 컴포넌트 생성 | | Lovable | 빠른 SaaS MVP | 커스텀 자유도 제한 | SaaS 프로토타입 | | GitHub Copilot | 기존 IDE 통합 | 직접 실행 불가 | 기존 코드베이스 작업 |

추천 정리

• 추천: 코딩 없이 풀스택 프로토타입을 빠르게 확인해야 하는 비개발자·기획자, 빠른 MVP가 필요한 스타트업 팀.
• 괜찮음: 기술적 개념을 시각화하거나 학습용 프로젝트를 만드는 개발자.
• 별로: 복잡한 상용 서비스, 엄격한 보안 요구사항이 있는 프로젝트, 기존 대형 코드베이스 작업.

관련 용어

• v0 — Vercel의 UI 컴포넌트 자동 생성 AI 도구
• lovable — 자연어로 SaaS MVP를 생성하는 AI 개발 플랫폼
• vibe-coding — AI와 대화하며 코드를 생성하는 개발 방식
• webcontainer — 브라우저 안에서 Node.js를 실행하는 StackBlitz 기술