← ⚡ Bolt.new
Claude
✨
이게 가능해져요
앱 아이디어 설명 → AI 자동 빌드 → 30분 내 배포 가능
Claude간단한 할일 관리 앱 만들려는데 프론트·백엔드·DB 다 따로 설정해야 해서 엄두가 안 나...
나
풀스택 환경 설정만 며칠 걸릴 수 있습니다.MCP 미연결
Bolt.new로 AI 풀스택 앱 만들기
Basic 약 20분기본 사용법
💡 브라우저 안에서 AI가 프론트엔드+백엔드+DB까지 한 번에 만들어줘요. 코딩 없이도 실제 동작하는 앱을 배포까지 할 수 있어요.
🔒 bolt.new
실제 화면
실수 방지 체크리스트
- 1DB 없이 localStorage만 사용 → 다른 기기에서 데이터 공유 불가 — 실제 서비스는 Supabase 등 백엔드 연동 필요
- 2무료 플랜 토큰 소진 후 중단 — 핵심 기능 먼저 완성 후 세부 수정하는 순서로 작업
- 3생성 코드 검토 없이 배포 → 보안 취약점 가능성 — API 키·비밀번호 하드코딩 여부 반드시 확인
STEP 1 / 4…
1
STEP 1. Bolt.new 접속 및 앱 설명 입력
🔒 bolt.new
실제 화면
bolt.new에 접속합니다(별도 가입 없이 시작 가능, GitHub 로그인 권장). 채팅창에 만들고 싶은 앱을 구체적으로 설명합니다. '레시피 저장·검색 앱, 재료 태그 필터, 즐겨찾기 기능, React + Tailwind'처럼 기능과 스택을 함께 명시하세요.
💡
기술 스택을 지정하지 않아도 Bolt.new가 자동으로 선택합니다. Vite+React+Tailwind가 기본이며, 'Next.js로 해줘', 'Vue.js 사용' 등으로 변경 가능합니다.
이 단계를 완료했나요?