Quick Start

이 가이드에는 데모 스토어프런트와 백엔드용 데모 Sandbox를 사용하여 PWA Kit를 즉시 시작하고자 하는 숙련된 Node.js 개발자를 위한 간소화된 지침이 수록되어 있습니다.

Node.js 18 이상 및 npm 9 이상
Apple 실리콘 사용자: 아직 Rosetta를 설치하지 않은 경우 softwareupdate --install-rosetta를 실행합니다.

자세한 설치 지침은 로컬 환경 설정을 참조하십시오.

Retail React App 템플릿을 사용하여 프로젝트를 생성하고 데모 Sandbox에 연결하려면 터미널을 열고 다음 명령을 실행합니다.

npx 명령에서, @latest는 @v3.0.0 또는 @v2.7.3와 같은 Retail React App의 특정 버전으로 바꿀 수 있습니다. 버전을 지정하지 않으면 이전 버전의 캐싱으로 인해 예기치 않은 결과가 발생할 수 있습니다.

프로젝트 생성기 스크립트가 pwa-kit-starter-project라는 디렉터리에 폴더를 생성합니다. 텍스트 편집기에서 이 폴더를 열고 탐색을 시작합니다.

로컬 웹 서버를 시작하려면 다음 명령을 실행합니다.

이제 개발 서버가 실행 중이므로 브라우저를 열고 스토어프런트를 미리 볼 수 있습니다.

프로젝트 파일에 대한 변경 내용은 새로 고쳐야 브라우저에 적용됩니다.

PWA Kit를 시작하려면 프로젝트 상태에 따라 다음 가이드 중 하나를 선택합니다.

가이드	프로젝트 상태
On-Demand Sandbox 생성	개발 및 테스트용으로 생성된 B2C Commerce 인스턴스가 없습니다.
API 액세스 설정	하나 이상의 B2C Commerce 인스턴스를 생성했습니다.
로컬 환경 설정	하나 이상의 B2C Commerce 인스턴스를 생성하고 API 액세스를 지원하도록 구성했습니다.
번들 푸시 및 배포	로컬 환경 설정이 완료되었습니다.