KurageさんKurage Payload CMS
EC・販売 × VIBE CODING

Saleor Storefront

ReactとNext.jsを活用したヘッドレスEC向けのフロントエンドです。

Saleor Storefrontと同じ用途で使える、当社の製品

OSSを自分で立てて日本語化する代わりに、日本語で作った当社の製品を自社のサーバーに置く方法もあります。ソースコード付きで、月額はかかりません。

Kurage Vibe-Cart(EC)PHPだけで動くECサイト。商品ページのURLを変えずに乗り換えられる。MCP同梱。税込110,000円(オンプレミス・買い切り)
Kurage Web Order(受発注システム)FAX・電話の注文を、取引先が自分で入れるBtoBのWEB受注に。品番で注文・出荷先・受注済で成立・出荷済まで・CSVで基幹へ。税込55,000円(オンプレミス・買い切り)
Kurage 注文・決済(kpaylink)注文フォームから請求書・決済リンクまでを自社サイトに。税込55,000円(オンプレミス・買い切り)

Saleor Storefrontとは

Saleor Storefrontは、React、Next.js(App Router)、TypeScript、GraphQL、およびTailwind CSSを用いて構築されたストアフロントです。このソフトウェアは、ヘッドレスコマースの構成においてユーザーインターフェースを提供します。主要な機能として、ショッピングカート、チェックアウト処理、キャッシュコンポーネントなどが含まれています。モダンな技術スタックを採用しており、拡張性の高いECサイトの構築に適しています。

要点: ReactとNext.jsを活用したヘッドレスEC向けのフロントエンドです。

主な用途

  • ECサイトのフロントエンド構築
  • ショッピングカートの実装
  • GraphQLを活用した商品情報の取得
  • Next.jsを用いた高速なページ遷移
  • ヘッドレスコマースの導入

Saleor Storefrontをバイブコーディングでカスタマイズ

完成済みのSaleor Storefrontを土台に、AIエージェントと対話しながら、自社業務に必要な部分を変更できます。ライセンスと技術構成を確認し、日本語表現、ブランド、画面、項目、権限、通知、外部連携などから優先度の高い範囲を実装します。カスタマイズ後は対象サーバーへ導入し、実際に使える状態まで確認します。

Saleor Storefrontのカスタマイズを相談

Saleor Storefrontの日本語対応(実測)

Saleor Storefrontのリポジトリにある日本語ロケールのファイルは2件だけです。一部だけ日本語になっている状態か、他言語の設定に付随して入っている可能性が高く、実務で使うには日本語化が必要になります。

見つかったファイル(一部)

  • config/saleor/fixtures/translations/ja.yaml
  • messages/ja.json

GitHubの公開ファイル一覧から、日本語ロケールに当たるファイルを数えた結果です。配布用にまとめたビルド成果物は除いています。調査日時点の内容で、翻訳の網羅率や品質までは示しません。

Saleor Storefrontの基本情報

ライセンスFunctional Source License
主な言語TypeScript
GitHubスター1,588(EC・販売カテゴリ 159件中 28位)
初回公開2021年8月
最終更新2026年8月
日本語ロケール日本語ファイルが一部のみ(2ファイル)

Saleor Storefront導入・カスタマイズのよくある質問

このソフトウェアは何を提供しますか?

Saleor Storefrontは、ECサイトのユーザーインターフェース(ストアフロント)を提供します。ReactやNext.jsなどのモダンな技術を用いて構築されており、ヘッドレスコマースの仕組みと組み合わせて利用することを想定しています。

どのような技術スタックが使用されていますか?

フロントエンドにはReact、Next.js(App Router)、TypeScript、Tailwind CSSが採用されています。バックエンドとのデータ連携にはGraphQLを使用しており、高速で効率的なデータの取得が可能です。

主な機能には何が含まれていますか?

ショッピングカート機能やチェックアウト処理などの主要なEC機能が含まれています。また、パフォーマンスを最適化するためのキャッシュコンポーネントなども備わっています。

ヘッドレスコマースとはどのような仕組みですか?

フロントエンドとバックエンドを分離するアーキテクチャのことです。このソフトウェアはその中でフロントエンド部分を担当し、柔軟なデザインやユーザー体験のカスタマイズを可能にします。

Saleor Storefrontをバイブコーディングでカスタマイズできますか?

可能です。Saleor Storefrontのライセンスと技術構成を確認した上で、標準機能を活かしながら、日本語表現、画面、項目、権限、通知、外部連携などを業務に合わせて変更します。

Saleor Storefrontの導入とカスタマイズをまとめて依頼できますか?

可能です。要件と導入先を確認し、カスタマイズ、サーバー設置、稼働確認まで一つの流れで対応します。

OSSを探しているなら、当社の完成品も

同じ「行政・公共データを住所から使える形にする」考え方で、当社が作って公開しているプロダクトです。すべて無料で試せます。

業務システムのオンプレミス版は Kurage App Store、 外注をAI自動化に置き換える相談は 業務のAI自動化 へ。

EC・販売の他のOSSと比べる

同じカテゴリから、スター数・ライセンス・日本語対応を並べました。

EC・販売の一覧へ
OSSスターライセンス日本語ロケール
Saleor Storefront(このページ)1,588Functional Source License日本語ファイルが一部のみ
AIxEC-MIT日本語の商品説明、カテゴリ、管理運用に対応。
Kurage App Store-MIT日本語で開発・提供。
Kurage PayLink0MIT日本語で開発・提供。
Saleor23,249BSD-3-Clause日本語ファイルなし