strapi starter next ecommerce

⛔ 감가 상각됩니다

이 저장소는 더 이상 유지 관리되지 않으며 Strapi v3에서만 작동합니다. 최신 Strapi V4 스타터를 찾으려면 스타터 및 테일 플레이트 Monorepo를 확인하십시오.

---

Strapi 스타터 Next.js 전자 상거래

strapi와 함께 간단한 전자 상거래 웹 사이트를 만들기위한 Next.js 스타터.

이 스타터를 사용하면 Dev 스티커를 구입할 수있는 간단한 전자 상거래 웹 사이트의 예제와 함께 Next.js로 Strapi를 사용해 볼 수 있습니다. 그것은 완전히 사용자 정의 할 수 있으며 그것이 오픈 소스이며 기부금에 완전히 열려 있기 때문입니다. 따라서 새로운 기능을 추가하고 버그를보고하는 것을 망설이지 마십시오!

이 스타터는 Strapi 전자 상거래 템플릿을 사용합니다

여기에서 모든 스타터를 확인하십시오

특징

• 1 구성 요소
• 2 개의 수집 유형 : 제품, 카테고리
• 27 생성 된 제품
• 6 생성 된 카테고리
• 제품 및 카테고리에 대해 권한이 true 로 설정되었습니다
• Tailwind CSS를 사용한 반응 형 디자인
• 슬러그 시스템
• 게시 시스템 (초안 및 게시)
• 역할 기반 액세스 컨트롤
• Snipcart로 처리 된 지불

이 스타터는 Snipcart를 사용하여 모든 웹 사이트에서 쇼핑 카트를 설정할 수 있습니다. 그들은이 웹 사이트를 만드는 방법을 가르치고 컵 케이크를 판매하는 방법을 가르치는 자습서를 썼습니다!

지불은 LocalHost에서 작동하지 않으며, 현지에서 지불을 테스트하려면이 튜토리얼로 리디렉션합니다.

시작하기

create-strapi-starter CLI를 사용하여 프로젝트를 만듭니다.

npx create-strapi-starter@3 my-site next-ecommerce

CLI는 Monorepo를 생성하고 종속성을 설치하며 프로젝트를 자동으로 실행합니다.

다음 프론트 엔드 서버는 여기에서 실행됩니다 => http : // localhost : 3000

Strapi 백엔드 서버는 여기에서 실행됩니다 => http : // localhost : 1337

생산에 배포

frontend 및 backend 프로젝트를 개별적으로 배포해야합니다. 다음은 각각을 배포 할 문서입니다.

• Strapi를 배포하십시오
• 다음에 배포하십시오

프로덕션 앱에서 환경 변수를 설정하는 것을 잊지 마십시오.

프론트 엔드의 경우 다음 환경 변수가 필요합니다.

• NEXT_PUBLIC_STRAPI_API_URL : strapi 백엔드의 URL, 후행 슬래시없이

이 스타터를 즐기십시오!