react storefront

フレームワークをストアフロントに反応して、ライトニングファーストのeコマースPWAを構築および展開します。

無料でオープンソース。 next.jsで構築されています

React StoreFront（RSF）はヘッドレスアーキテクチャを使用して、レガシーフロントエンドを簡単に交換し、APIを介してeコマースプラットフォームまたはバックエンドシステムに接続できます。 React StoreFrontはnext.jsを拡張して、eコマースストアフロントに必要なすべてを含めるようにします。携帯電話でタイバー、アキラ、1-800-flowers.comを試して、RSFのサイトがどれだけ速くなるかを確認してください！

滑dicの速度

React StoreFrontは、以下を含む、可能なあらゆる実質的およびユーザー認識パフォーマンスの最適化から速度を削減するためにさらに距離を移動します。

• ダイナミックデータの高いキャッシュヒット率
• サーバーサイドレンダリング
• 自動アンプの作成
• 動的データの予測プリフェッチ
• コード分割
• キャッシュ最適化
• クライアントデータの再利用
• スケルトン
• もっと

結論：RSFは速度のために構築されています！

別のアプローチ

React StoreFrontは、開発者の生産性を大切にする大胆な新しいアプローチを採用しているため、より少ない時間でより多くの成果を上げることができます。

• 構成なし - ダウンロードしてコーディングを開始します
• あなたのために重い持ち上げを行う意見の枠組み
• サーバー、クライアント、およびCDN全体で同型JavaScriptを使用する統一コードベース
• 単一のコードベースからAMPとPWAを生成します
• パフォーマンスのベストプラクティスに開発者を自動的に導きます
• Chromeデバッガーとビジュアルスタジオコードのソースマップをサポートしています

React StoreFrontはオープンソースです。誰でもプロジェクトを使用してサポートできます。 RSFの目標は、すべての人のオンラインショッピングエクスペリエンスを向上させることです。

販売するために作られています

React StoreFrontはeコマース用にカスタムビルドされています。UIコンポーネントとeコマース用に設計されたテンプレートが含まれています。 SEOと検索エンジンに優しいです。さらに、React StoreFrontを使用すると、既存のURLスキームを保存できます。

複雑なサイト向けに構築されています

React StoreFrontは、1,000万ドルから10億ドル以上の収益サイトで拡大し、すでに大手のエンタープライズeコマースのWebサイトに動力を供給しています。このフレームワークは、複雑なeコマースサイトのPWAへの現実世界の移行を、増分ステップでサポートしています。

私たちは、ソリューション開発を喜んで助けてくれる貢献者とデザイナーを探しています。

統合

Reactストアフロントは、APIを介してeコマースプラットフォームと簡単に統合できます。

はじめる

新しいReact StoreFrontアプリを作成するには、Node 10以下がインストールされて実行されていることを確認してください。

 npm create react-storefront@latest --yes (my-app-name)

アプリが作成されたら、実行することで開発モードで開始できます。

 cd (my-app-name)
npm run dev

開発者ドキュメント

発達

貢献したい場合は、バグまたは機能リクエストレポートで問題を提起するか、提案された変更でプルリクエストを開くだけです。

ローカル開発

リポジトリをクローニングした後、実行してください。

 npm i

プロジェクトでReact-StoreFrontのローカルクローンを使用するには、 yalcを使用してください。

React-StoreFrontを地元のYALCストアに公開するには：

 yalc publish

次に、以下を実行して、更新されたビルドを変更についてYALCストアにプッシュします。

 npm run watch

最後に、プロジェクトで実行されます：

 yalc add react-storefront

これにより、プロジェクトのpackage.jsonが変更され、React-StoreFrontの依存関係エントリのファイルパスが使用されます。この変更を元に戻すには、実行してください。

 yalc remove react-storefront # or yalc remove --all
npm i

Slackでコミュニティに参加してください

ご質問やアイデアがある場合は、お気軽にご参加ください：招待状リンク

ドキュメント

ドキュメントは、常に各オープンソースプロジェクトの中で最も難しい部分です！しかし、私たちは一生懸命努力しています:-)完全ガイド、APIドキュメント、および例

React StoreFrontは、Apache2ライセンスの下でリリースされたオープンソースです。

layer0で試してみてください。どこにでも展開します。

Next.jsプロジェクトと同様に、React StoreFrontはnode.jsを実行する任意の環境に展開できます。ドライブと展開の最も簡単な方法は、React StoreFrontがlayer0にあります。レイヤー0は、開発者がスタック全体で速度を最適化してサブ秒の動的Webサイトを提供するのに役立つサーバーレスPAASです。無料の層が利用可能です。

パートナー

RSFは、eコマースサイト、eコマースエージェンシー、eコマースプラットフォームエンジニアのグループによって作成されました。

パートナーは、主にソースコード、マーケティング活動、伝道、そしてもちろん生産プロジェクトの実装に貢献することにより、さまざまな方法でプロジェクトをサポートすることをお勧めします。専用の連絡先チャネル、ワークショップ、および実装に関心のある商人からのリードを共有することで、パートナーをサポートしています。

反応ストアフロントのロゴとガイドライン

ライセンス

React StoreFrontソースコードは完全に無料で、Apache v2.0ライセンスの下でリリースされます。詳細については、ライセンスを確認してください。