AI 루트
레벨 진단
← Bolt.new

Bolt.new로 풀스택 앱 배포까지 완성하기

중급약 25분5단계

Bolt.new는 브라우저에서 코드 없이 프론트엔드·백엔드·DB를 한 번에 만드는 AI예요. Supabase 연동과 Netlify 배포까지 대화로 완성할 수 있습니다.

따라 하기

1단계 / 5

Bolt 가입 및 로그인

  1. ›bolt.new에 접속해 Get Started 또는 Sign in(로그인) 버튼을 클릭합니다.
  2. GitHub 계정으로 로그인하면 자동으로 계정이 연결됩니다.
  3. 로그인 후 프롬프트 입력창이 나타나면 만들고 싶은 서비스를 한국어로 설명해 바로 시작할 수 있습니다.
Bolt.new 열기

이해를 돕는 예시 그림이에요. 실제 화면과 다를 수 있어요.

bolt.new
bolt.new
무엇을 만들어볼까요?
AI와 함께 풀스택 앱을 단 몇 분 만에 만드세요
앱 아이디어를 설명하세요...
생성
여기를 클릭!
할 일 앱
포트폴리오 사이트
쇼핑몰
대시보드

팁 Bolt는 GitHub 계정 연동이 필요합니다. GitHub 계정이 없다면 github.com에서 무료로 만드세요. 무료 플랜은 일정 토큰 한도 내에서 사용 가능합니다.

처음이라 잘 모르겠다면

bolt.new에서 사용자 인증과 게시물 저장 기능이 있는 블로그 앱 만들어줘처럼 원하는 앱을 설명하세요.

막히면 볼 것

자주 하는 실수 3가지
  1. 1API 키를 프론트엔드 코드에 하드코딩 → GitHub에 노출 위험 — 반드시 .env 파일 사용, .gitignore에 .env 추가
  2. 2Supabase RLS 비활성화 → 모든 사용자가 전체 데이터 접근 — 프로덕션 전 RLS 정책 반드시 설정
  3. 3배포 환경변수 설정 누락 → 로컬에서 작동하지만 배포 후 실패 — Netlify/Vercel 환경변수 설정 필수 확인
AI 없이 할 때와 뭐가 다른가요?

아이디어 설명 → Bolt.new → 5분 만에 배포된 풀스택 앱

프론트엔드·백엔드·DB 구성하고 배포하려면 여러 도구와 설정이 필요해서 너무 복잡해...
나
풀스택 앱 개발은 다양한 도구 지식이 필요합니다.지금까지