oxabags
Next.jsとSanity.ioを活用したモダンなECサイトのテンプレートです。
oxabagsとは
oxabagsは、Next.js（App Router）をベースに構築されたEコマースサイトです。UIコンポーネントにはShadcn/UI、スタイリングにはTailwind CSSを採用しています。コンテンツ管理にはSanity.ioを利用し、決済機能にはRazorpayを組み込んでいます。Cloudflare Pagesによるデプロイにも対応しており、モダンな技術スタックで構成されています。
要点: Next.jsとSanity.ioを活用したモダンなECサイトのテンプレートです。
主な用途
- ECサイトの構築
- 商品情報の動的管理
- モダンなWebインターフェースの実装
- スケーラブルなフロントエンド開発
- 決済機能を含むオンライン販売
oxabagsをバイブコーディングでカスタマイズ
完成済みのoxabagsを土台に、AIエージェントと対話しながら、自社業務に必要な部分を変更できます。ライセンスと技術構成を確認し、日本語表現、ブランド、画面、項目、権限、通知、外部連携などから優先度の高い範囲を実装します。カスタマイズ後は対象サーバーへ導入し、実際に使える状態まで確認します。
oxabagsのカスタマイズを相談oxabagsの日本語対応（実測）
oxabagsのリポジトリに日本語ロケールのファイルは見つかりませんでした。日本語で運用するには日本語化から着手する必要があります。
GitHubの公開ファイル一覧から、日本語ロケールに当たるファイルを数えた結果です。配布用にまとめたビルド成果物は除いています。調査日時点の内容で、翻訳の網羅率や品質までは示しません。
oxabagsの基本情報
| ライセンス | MIT |
|---|---|
| 主な言語 | TypeScript |
| GitHubスター | 94（EC・販売カテゴリ 138件中 107位） |
| 初回公開 | 2023年12月 |
| 最終更新 | 2025年3月 |
| 日本語ロケール | 日本語ファイルなし（0ファイル） |
oxabags導入・カスタマイズのよくある質問
どのような技術スタックで構成されていますか？
Next.jsのApp Router、Shadcn/UI、Tailwind CSS、Sanity.io、Razorpay、およびCloudflare Pagesといった最新のWeb技術を組み合わせて構築されています。
コンテンツの管理はどのように行いますか？
ヘッドレスCMSであるSanity.ioを利用することで、商品の情報やサイトのコンテンツを効率的に管理することが可能です。
決済機能には何が使われていますか？
決済ゲートウェイとしてRazorpayが組み込まれています。
このソフトウェアでどのようなUIを構築できますか？
Shadcn/UIとTailwind CSSを使用しているため、洗練されたモダンなユーザーインターフェースを迅速に構築することが可能です。Goals
oxabagsをバイブコーディングでカスタマイズできますか？
可能です。oxabagsのライセンスと技術構成を確認した上で、標準機能を活かしながら、日本語表現、画面、項目、権限、通知、外部連携などを業務に合わせて変更します。
oxabagsの導入とカスタマイズをまとめて依頼できますか？
可能です。要件と導入先を確認し、カスタマイズ、サーバー設置、稼働確認まで一つの流れで対応します。
EC・販売の他のOSSと比べる
同じカテゴリから、スター数・ライセンス・日本語対応を並べました。
| OSS | スター | ライセンス | 日本語ロケール |
|---|---|---|---|
| oxabags（このページ） | 94 | MIT | 日本語ファイルなし |
| AIxEC | - | MIT | 日本語の商品説明、カテゴリ、管理運用に対応。 |
| Kurage App Store | - | MIT | 日本語で開発・提供。 |
| saleor | 23,249 | BSD-3-Clause | 日本語ファイルなし |
| spree | 15,633 | BSD-3-Clause | 日本語ファイルなし |