메두사 매장 추가

이제 medusa server 과 medusa admin 이 있습니다. 가장 중요한 부분인 실제 매장을 살펴보겠습니다.

점포는 고객이 제품을 주문하는 데 사용하는 시스템입니다.

운 좋게도 medusa에는 두 개의 기성 스타터가 제공되며 이를 사용하여 영감을 얻고 시스템을 만들 수 있습니다.

즉시 사용할 수 있는 두 시스템은 다음과 같습니다.

Next.js 매장

개츠비 점포

Next.js medusa 스토어프론트 설치

Next.js 스토어프론트부터 시작하겠습니다. 이것이 제가 사용할 가능성이 가장 높기 때문입니다.

터미널을 열고 프로젝트를 배치할 디렉터리로 이동합니다.
다음 명령을 실행합니다.

npx create-next-app -e https://github.com/medusajs/nextjs-starter-medusa medusa-store

medusa-store 매개변수는 프로젝트를 생성할 프로젝트 폴더가 됩니다.

이제 이 폴더로 이동하여 npm run dev를 실행할 수 있습니다. 이렇게 하면 Next.js 상점이 스풀링됩니다!

개츠비 점포 설치

아마도 당신은 Gatsby의 팬입니까?
음, 문제 없습니다. 둘 다 평가할 수 있도록 시도해 봅시다.

먼저 Gatsby CLI가 설치되어 있는지 확인하십시오.

npm install gatsby-cli -g

그런 다음 기본 프로젝트 디렉토리에서 다음 명령을 실행하여 프로젝트를 설치할 수 있습니다.

gatsby new medusa-gatsby https://github.com/medusajs/gatsby-starter-medusa

다시 medusa-gatsby는 프로젝트를 설치할 폴더 이름입니다.

설치가 완료되면 기본 환경을 로컬 환경으로 복사해야 합니다.

mv .env.template .env.development

이제 서버를 실행합니다.

gatsby develop

이제 http://localhost:8000/ 를 방문하면 이 멋진 매장이 보일 것입니다.

읽어주셔서 감사합니다. 연결해 봅시다!

제 블로그를 읽어주셔서 감사합니다. 내 이메일 뉴스레터를 구독하고 Facebook에 연결하거나