nextjs starter medusa

Medusa next.js 스타터 템플릿

Commerce 백엔드 용 Medusa의 모듈을 최신 Next.js 15 기능과 결합하십시오.

전제 조건

다음.js 스타터 템플릿을 사용하려면 포트 9000에서 Medusa 서버가 로컬로 실행해야합니다. 빠른 설정을하려면 실행하십시오.

npx create-medusa-app@latest

자세한 내용 및 문제 해결은 Medusa-App 문서를 확인하십시오.

개요

Medusa Next.js 스타터는 다음과 같이 제작되었습니다.

• 다음 .js
• 테일 윈드 CSS
• TypeScript
• 메두사

기능은 다음과 같습니다.

• 전체 전자 상거래 지원 :
  • 제품 세부 사항 페이지
  • 제품 개요 페이지
  • 제품 컬렉션
  • 카트
  • Stripe로 체크 아웃
  • 사용자 계정
  • 주문 세부 사항
• 전체 Next.js 15 지원 :
  • 앱 라우터
  • 다음 가져 오기/캐싱
  • 서버 구성 요소
  • 서버 작업
  • 스트리밍
  • 정적 사전 렌더링

QuickStart

환경 변수 설정

프로젝트 디렉토리로 이동하여 환경 변수를 준비하십시오.

 cd nextjs-starter-medusa/
mv .env.template .env.local

종속성을 설치하십시오

원사를 사용하여 모든 종속성을 설치하십시오.

yarn

개발을 시작하십시오

이제 프로젝트를 시작할 준비가되었습니다.

yarn dev

코드를 열고 사용자 정의를 시작하십시오

귀하의 사이트는 이제 http : // localhost : 8000에서 실행 중입니다!

지불 통합

기본적 으로이 스타터는 다음 지불 통합을 지원합니다

• 줄무늬

통합을 활성화하려면 .env.local 파일에 다음을 추가해야합니다.

NEXT_PUBLIC_STRIPE_KEY= < your-stripe-public-key >

또한 Medusa 서버에서 통합을 설정해야합니다. Stripe 구성 방법에 대한 자세한 내용은 Medusa 문서를 참조하십시오.

자원

Medusa에 대해 자세히 알아보십시오

• 웹 사이트
• github
• 선적 서류 비치

Next.js에 대해 자세히 알아보십시오

• 웹 사이트
• github
• 선적 서류 비치