クイックスタート

このガイドでは、バックエンド用のデモストアフロントとデモ Sandbox (サンドボックス) を使用して、PWA Kit の使用をすぐに開始したいと考えている経験豊富な Node.js デベロッパーのために、効率的な手順を紹介します。

前提条件

Node.js 18+ と npm 9+。
Apple Silicon ユーザー: Rosetta をまだインストールしていない場合は、softwareupdate --install-rosetta を実行します。

セットアップの詳細については、ローカル環境の設定を参照してください。

Retail React App テンプレートを使用してプロジェクトを作成し、デモの Sandbox にそのプロジェクトを接続するには、ターミナルを開いて以下のコマンドを実行します:

1npx '@salesforce/pwa-kit-create-app@latest' --preset retail-react-app-demo

これにより、retail-react-app-demo というディレクトリが作成されます。このフォルダーをテキストエディターで開き、作業を継続してください。

ローカルの Web サーバーを起動するには、以下のコマンドを実行します:

1cd pwa-kit-starter-project
2npm start

開発サーバーが実行されたら、ブラウザーを開いてストアフロントをプレビューできます:

プロジェクトファイルに加えた変更は、ブラウザーを更新すると表示されます。

このガイドのタスクを完了したら、サイトのデプロイを実行します。