컴포저블 스토어프런트 시작하기

B2C Commerce용 컴포저블 스토어프런트 솔루션은 스토어프론트를 생성하기 위한 Progressive Web App Kit(PWA Kit)와 스토어프런트를 호스팅하기 위한 Managed Runtime이라는 두 가지 핵심 기술을 기반으로 합니다.

여타의 컴포저블 API 기반 기술과 마찬가지로, PWA Kit와 Managed Runtime도 Salesforce 또는 다른 공급업체의 다른 이커머스 기술과 결합할 수 있습니다. 컴포저블 스토어프런트를 사용하면 요구 사항을 정확하게 충족하고 비즈니스에 맞추어 확장 가능한 기술 스택을 설계할 수 있습니다.

PWA Kit는 현대적인 웹 개발에서 필수적인 요소가 된 React 플랫폼을 사용하여 JavaScript(또는 TypeScript)로 스토어프론트를 생성하는 프레임워크입니다.

PWA Kit 프레임워크는 다음과 같은 기능을 제공합니다.

• Retail React App을 비롯한 프로젝트 템플릿 Retail React App은 홈 페이지부터 체크아웃까지 핵심 이커머스 흐름을 구현하는 맞춤화 가능한 스토어프런트입니다.
• 서버 측과 클라이언트 측 모두에서 작동하며 hydration(렌더링을 서버에서 클라이언트로 전송하는 프로세스)을 처리하는 렌더링 시스템.
• Commerce API의 데이터를 구성요소에 주입할 수 있는 라우팅 시스템.
• 일상적인 개발 작업을 자동화하기 위한 유틸리티 함수와 스크립트.
• B2C Commerce API 및 Open Commerce API(OCAPI)와의 통합.

Progressive Web App(PWA)은 빠른 로드 시간, 원활한 렌더링 및 원활한 전환 등, 일반적으로 모바일 앱의 기능으로 여겨지는 기능이 포함된 웹 사이트입니다.

이러한 기능을 "프로그레시브"라고 하는 이유는 사용자의 기기와 브라우저에서 지원되는지 여부에 따라 한 번에 하나씩(즉, 점진적으로) 추가되기 때문입니다.

Managed Runtime은 퍼블릭 클라우드 플랫폼을 기반으로 PWA Kit 스토어프런트를 배포, 호스팅 및 모니터링할 수 있는 인프라를 제공합니다. Managed Runtime을 사용하면 서버를 관리하는 것이 아니라 스토어프런트를 개발하는 데 집중할 수 있습니다.

Managed Runtime은 12요소 앱 방법론을 따릅니다. 스토어프런트는 상태 비저장 방식으로 구축되고 사용 가능한 가장 효율적이고 경제적인 컴퓨팅 인프라에 구축할 수 있는 단일 코드베이스를 기반으로 합니다. 각 배포는 이전 배포를 완전히 대체하고 처음부터 다시 구성됩니다.

무엇보다 Managed Runtime은 여타의 Salesforce 기술과 동일한 엔터프라이즈급 보안과 99.99%의 기록적 가동 시간을 제공합니다.

자세한 내용은 Managed Runtime 개요를 참조하십시오.

컴포저블 스토어프런트 도구에서는 이 기술을 개발한 회사의 이름인 Mobify가 언급되기도 합니다. Mobify는 2020년에 Salesforce에 인수되었으며, 현재 리브랜딩 과정에 있습니다.

PWA Kit를 개선하기 위한 오픈 소스 커뮤니티의 참여를 환영합니다. 참여 프로세스에 대한 자세한 내용은 PWA Kit에 기여하기를 참조하십시오.

PWA Kit를 좋아한다면 GitHub Repo에 문서를 게시해보십시오. 다른 사람이 PWA Kit에 대해 알아가는 데 도움이 됩니다.

지금까지 PWA Kit 및 Managed Runtime의 기본 사항을 숙지했으므로, 시작하기 시리즈의 다른 가이드를 살펴보시기 바랍니다.

1. Quick Start
2. On-Demand Sandbox 생성
3. API 액세스 설정
4. 로컬 환경 설정
5. 번들 푸시 및 배포