はじめに
Ecomplify ストアフロントは、お客様が実際に利用する、モダンで高速、かつ SEO に最適化されたオンラインストアです。React Router 7 で構築され、Docker を使用してデプロイされています。
概要
ストアフロントは、完全なショッピング体験を提供します。
- 商品の閲覧と検索
- ショッピングカートとチェックアウト
- 顧客アカウントと注文追跡
- ほしい物リストと住所の管理
- 多言語・多通貨対応
- 複数のテーマオプション
技術スタック
| 技術 | 目的 |
|---|---|
| React Router 7 | ルーティングとサーバーサイドレンダリング |
| TypeScript | 型安全な開発 |
| Docker | コンテナデプロイ |
| Cloudflare R2 | 静的アセットの保存 |
ストアフロントのナビゲーション
ストアフロントのヘッダーには以下が含まれます。
- ストアロゴ - クリックするとホームページに移動するリンク
- ナビゲーションメニュー - ホーム、商品、コレクション、ブログ、お問い合わせ
- 言語セレクター - 対応している言語を切り替え
- 検索バー - オートコンプリート付きの商品検索
- ほしい物リストアイコン - 保存したアイテムへのクイックアクセス（件数バッジ付き）
- カートアイコン - アイテム数と併せてカートを表示
- ユーザーメニュー - ログイン／新規登録、またはアカウント管理
主要ページ
すべての訪問者向け
- ホームページ - バナー、カテゴリ、注目商品を掲載したランディングページ
- 商品検索 - 商品の検索と閲覧
- 商品詳細 - 商品情報とレビューの表示
- コレクション - 厳選された商品コレクションの閲覧
- ブログ - ストアのブログ記事を読む
- お問い合わせ - お問い合わせの送信
- ポリシーページ - プライバシー、利用規約、返品、返金の各ポリシー
登録済みのお客様向け
- ショッピングカートとチェックアウト - 購入手続きの完了
- 注文追跡 - 配送状況の追跡
- マイアカウント - プロフィール、住所、注文の管理
- ほしい物リスト - お気に入りのアイテムを保存
認証
お客様は次の方法でアカウントを作成できます。
- メールアドレス／パスワード - メール認証（OTP）付きの標準登録
- Google ログイン - Google OAuth によるワンクリックサインイン
アカウントを作成すると、注文履歴、保存済み住所、ほしい物リスト、より迅速なチェックアウトなどの特典が利用できます。
テーマ
ストアフロントは複数のテーマデザインに対応しており、ダッシュボードから切り替えることができます。各テーマは、完全な機能を維持したまま異なるビジュアルレイアウトを提供します。
多言語・多通貨対応
ストアフロントは以下に対応しています。
- ダッシュボードから設定できる複数の言語
- お客様の所在地に基づく通貨の切り替え
- 地域ごとの税計算