AI로 예약 앱 만들기
무엇을 예약하는지, 얼마나 걸리는지, 언제 예약을 받을 수 있는지 설명하세요. Supacode가 예약 페이지와 관리자 화면을 실제 코드로 만들어요. 내 Supabase 프로젝트를 연결하면 예약을 실제 데이터베이스에 저장할 수 있어요.
이 프롬프트가 입력된 상태로 작성 화면이 열려요. 만들기 전에 자유롭게 수정할 수 있고, 실행 전에 필요한 크레딧이 표시돼요.
이렇게 만들어요
예약 내용 설명하기
서비스, 소요 시간과 가격, 영업시간, 고객에게 받아야 할 정보를 알려 주세요.
데이터베이스 연결하기
백엔드 탭에서 Supabase 프로젝트를 연결하세요. Supacode가 테이블을 작성하고, 모든 데이터베이스 변경은 실행 전에 승인을 받아요.
테스트하고 게시하기
실시간 미리보기에서 예약을 해 보고 수정을 요청한 뒤, 게시하거나 내 Vercel 계정에 배포하세요.
요청할 수 있는 것
- 소요 시간과 가격이 있는 서비스 목록
- 예약 가능 시간 캘린더
- 확인 화면이 있는 예약 폼
- 예약 관리 페이지
- 직원 로그인
프롬프트 예시: 미용실 예약 앱: 소요 시간과 가격이 있는 서비스 목록, 예약 가능한 시간을 보여 주는 캘린더, 예약 폼, 예약을 확인하고 취소할 수 있는 관리자 페이지를 만들어 주세요.
갤러리 예시
모두 보기자주 묻는 질문
예약 데이터는 어디에 저장되나요?
내 Supabase 프로젝트에 저장돼요. Supacode는 앱 데이터를 보관하지 않고 코드와 버전만 보관해요.
고객에게 확인 이메일을 보낼 수 있나요?
원하는 이메일 서비스를 이용해 확인 이메일을 추가할 수 있어요. 해당 서비스의 계정과 키가 필요해요.
어떤 형식을 골라야 하나요?
로그인과 데이터가 필요한 앱에는 Next.js가 잘 맞아요. 간단한 신청 폼만 필요하다면 HTML로 충분해요.