saleor storefront
2.11
Saleor-StoreFrontリポジトリは
DEPRECATEDです私たちは、Commerce Storefrontsの構築のためのベストプラクティスのみに焦点を当てた、派手なデザインのない、ゼロから始まる新しい店頭を構築することにしました。 React-StoreFrontと呼ばれる新しいプロジェクトは、Next.jsをその基礎として使用し、外観に合わせてTailwindを使用しています。ここで見つけることができます：https：//github.com/saleor/react-storefront。
注：このプロジェクトは、Saleorの使用方法に関するデモです。スターターになる準備はできていませんが、さまざまなケースをどのように処理できるかを示し、レシピブックとして使用できることを示しています。壊れた変更があり、コードは常に進化しているので、あなた自身の責任で使用してください。
SaleorのGraphQL搭載のPWA、シングルページアプリケーションストアフロント。
Saleor StoreFrontの公開デモをご覧ください！
または、無料のHerokuインスタンスでデモを起動します。
これらの指示により、プロジェクトのコピーを作成して、開発とテストの目的でローカルマシンで実行します。
StoreFrontを実行するには、Saleor GraphQL APIを指すようにNEXT_PUBLIC_API_URI環境変数を設定する必要があります。デフォルトの設定でSaleorをローカルに実行している場合、 NEXT_PUBLIC_API_URI http://localhost:8000/graphql/に設定されています。変更するには、 .env.localファイルを作成してそこに追加するか、 exportコマンドを使用してenv変数を設定します。
リポジトリをクローンします：
git clone https://github.com/mirumee/saleor-storefront.git
プロジェクトディレクトリを入力してください：
cd saleor-storefront
公式の安定したリリースを使用するには、リリースタグへのチェックアウト：
$ git checkout 2.11.0
すべてのリリースのリストをご覧ください：https：//github.com/mirumee/saleor-storefront/releases/
最新の開発バージョンを使用する場合は、 masterブランチへのチェックアウト：
$ git checkout master
NPM依存関係をインストールします。
npm i
開発サーバーを実行します：
npm start
http://localhost:3000にアクセスして、ストアフロントにアクセスします。
アプリをコンパイルするには：
$ npm run build
アプリをコンパイルし、ストアフロントを静的HTML実行にエクスポートするには：
$ npm run build:export
アプリをコンパイルして、次のサーバーを実行して生産モードで実行するには：
$ npm run build:start
生産バージョンでApollo Devtoolsを有効にするために、環境変数を設定します
NEXT_PUBLIC_ENABLE_APOLLO_DEVTOOLS=true
サイプレステストを実行する場合は、インストールコマンドを実行してすべての依存関係（ Cypressを含む）がインストールされていることを確認してください。
npm i
次の環境変数は、テストを適切に実行できるように設定する必要があります。
API_URI -GraphQL APIアドレス。STATIC_URL静的ファイル宛先URL、例S3バケツCYPRESS_USER_NAME Storefrontユーザーのユーザー名（電子メール）。CYPRESS_USER_PASSWORD上記のユーザー用。 Dockerコンテナの観点から店頭を実行している場合は、次のコマンドを使用してテストを実行できます。
ヘッドレスモード：
cy:run
サイプレスUIモード：
cy:open
ローカル開発環境に対してテストを実行する場合は、次のコマンドを使用します。
ヘッドレスモード：
test:e2e:run
サイプレスUIモード：
test:e2e:dev
すべての新しいコンポーネントは、アトミックデザインのガイドラインに従い、 src/@next/componentsディレクトリに配置する必要があります。
ファイル構造は、 plopを使用して生成できます。
npm run generate
Spectrum Postから
import Link from "next/link"をリンクし、Paths.tsで作成した新しいパスを使用するには（必ずインポートしてください）default-channel 。 このプロジェクトはBSD-3-Clauseライセンスの下でライセンスされています - 詳細については、ライセンスファイルを参照してください
