mayumi
MedusaはShopifyの代替を宣言しているオープンソースのヘッドレスコマースです。
弊社では「しまぱん.com」というブランドでレディースファッションを取り扱っています。
Amazon上のショップ
今はAmazon上で販売していますが、どこかの段階で自社販売サイトを構築しようと考えていました。
本当は1から構築するつもりでいたのですが、良い感じで使えるかもしれないMedusaを見つけたので簡単に動かしてみました。
特徴
カスタマイズ性
Medusaはメインのデータとロジックをもつバックエンド、ユーザーインタフェースとして管理フロントとストアフロントの3つの構成で作られています。
用意された管理フロントや、ストアフロントを使用しても良いですし、バックエンドAPIを利用してカスタマイズしたウェブサイト、アプリ、チャットボット等を用意することもできます。
ノーコード・ローコードで紹介してきたツールと組み合わせて内部アプリケーションを作るのも良さそうです。
他のツールとの連携
- 通知API:メール、チャットボット、Slack
- フルフィルメントAPI
- 外部CMS連携
国際対応
地域に応じた、通貨、税率、支払いプロバイダー、配送プロバイダーの管理
構成
Medusaはデータとロジックをもつバックエンドと、管理用フロント、販売用フロントの3つで構成されています。
- MedusaServer :バックエンドのサービス
- Admin : 管理者用のフロントエンド
- Storefront : 販売サイトのフロントエンド
詳細は公式ドキュメントご覧ください。
ストア管理者フロント
管理者フロントは公式のデモサイトがあります。
注文
商品
商品詳細
地域設定
日本通貨も選べる。
ストアフロント
Medusaで用意されているフロントエンドのスターターは3種類あります。
Production-ready starter
コレクション、製品ページ、顧客認証、チェックアウトフローなどを提供する本格的なWebショップ。Gatsbyベース。
デモサイト
ソースコード
Simple starter template
シンプルなテンプレート。Next.jsベース。
ソースコード
Medusa Express
URLリンクを介して直接製品を売買する形式。Gatsbyベース。
デモサイト
ソースコード
「Production-ready starter」を試してみました。
※ストア内の商品はデモ用データのものです。「しまぱん.com」ブランドの商品ではありません。
トップ
商品一覧
商品詳細
注文
公式ブログにはカスタマイズや、アプリの作成例等掲載されています。
公式ブログ
Medusaを使用したReactNativeEコマースアプリの作成
MedusaとVueストアフロントUIを使用してVue.jsEコマースストアを作成する
さいごに
Eコマースのオープンソースは他にまだ取り扱ったことがないので比較はできませんが、構成的にカスタマイズしやすい点が個人的には気に入っています。
国内(日本)向けの仕様にして問題なく使えるか、どれくらいカスタマイズが必要になるかというあたりを調査して、採用するかどうか決めようと思います。