Bolt.new

이게 가능해져요

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

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

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

Middle class25활용 사례

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

Bolt.new 열기

bolt.new

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

STEP 1. Bolt 가입 및 로그인

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

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

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

이 단계를 완료했나요?