AI로 온라인 쇼핑몰 만들기
판매할 상품과 원하는 쇼핑몰 스타일을 설명하세요. Supacode가 상품 페이지, 카테고리, 장바구니를 실제 코드로 만들고 실시간 미리보기로 보여 줘요. 실제 결제를 받으려면 내 결제 서비스 계정을 코드에 연결해야 해요.
이 프롬프트가 입력된 상태로 작성 화면이 열려요. 만들기 전에 자유롭게 수정할 수 있고, 실행 전에 필요한 크레딧이 표시돼요.
이렇게 만들어요
쇼핑몰 소개하기
상품 종류, 가격, 쇼핑몰 스타일을 알려 주세요. 상품 사진이 있으면 첨부하세요.
필요한 기능 추가하기
필터, 사이즈 선택, 찜하기, 배송 안내 등을 요청하세요. Supabase를 연결하면 상품과 주문을 내 데이터베이스에서 관리할 수 있어요.
게시하기
쇼핑몰 화면을 게시하면 공개 링크가 생겨요. 서버가 필요한 앱은 내 Vercel 계정에 배포할 수 있어요.
요청할 수 있는 것
- 상품 목록과 상품 페이지
- 카테고리와 필터
- 장바구니
- 결제 서비스와 연결할 수 있는 결제 페이지
- 반응형 레이아웃
프롬프트 예시: 이천 수제 도자기를 파는 쇼핑몰: 추천 상품이 있는 메인 페이지, 사진과 가격이 있는 상품 페이지, 카테고리, 장바구니, 결제 페이지를 만들어 주세요.
갤러리 예시
모두 보기
자주 묻는 질문
결제를 받을 수 있나요?
Stripe 같은 결제 서비스용 결제 코드를 작성할 수 있지만, 해당 서비스의 내 계정과 키, 그리고 코드를 실행할 서버가 필요해요.
상품 정보는 어디에 저장되나요?
상품이 적으면 코드 안에 둘 수 있어요. 상품이 많다면 백엔드 탭에서 내 Supabase 데이터베이스를 연결하세요.
예시에서 시작할 수 있나요?
네. 갤러리에서 쇼핑몰 프로젝트나 템플릿을 열고 리믹스해서 내 사본으로 만들 수 있어요.