Eコマース管理者ダッシュボード
E コマース管理者ダッシュボードへようこそ。これは、複数のオンライン ストアを簡単に管理するための集中ハブです。この管理者ダッシュボードを使用すると、製品管理、在庫、販売など、e コマース ビジネスのさまざまな側面を制御できます。 Next.js、Shadcn UI、Tailwind CSS、PostgreSQL 用 AWS RDS、画像ストレージ用の AWS S3、認証用の Clerk で構築されているため、e コマース エコシステム全体の管理が簡素化されます。
主な特長
多店舗管理
- 衣料品、食品、コンピューターなどの複数の店舗をすべて 1 つの集中ダッシュボードからシームレスに管理します。
- さまざまな店舗の看板、カテゴリ、サイズ、色、製品を作成、更新、または削除します。
効率的なデータ処理
- ページネーションおよび検索機能を備えたテーブルを利用して、データを効率的に表示および管理します。
- 在庫管理を合理化し、ホームページ上で製品を簡単に紹介したり、アーカイブしたりできます。
データの視覚化
- Recharts を使用して、注文、売上、収益をグラフィカルに表示することで、e コマースのパフォーマンスに関する洞察を得ることができます。
店員による認証
- Clerk を使用して管理者を安全に認証し、OAuth2 またはメールとパスワードを使用して Google アカウントでサインインできるようにします。
Stripe による支払い管理
- Stripe の統合により支払いを簡単に管理し、シームレスなトランザクション エクスペリエンスを提供します。
テーマモード
- ライトテーマモードとダークテーマモードの両方をサポートし、読みやすさと美しさを向上させて、パーソナライズされたユーザーエクスペリエンスをお楽しみください。
注文確認
- 注文が完了すると、固有の注文追跡番号を含む確認メールが自動的に送信されるので、いつでも購入内容を把握できます。
デモ
デモンストレーションの目的で、すべての訪問者が現在の状態で管理 Web サイトを表示できるように、運用環境では管理ルートが意図的に無効になっています。衣料品と靴の 2 つの別々のストアが、事前に設定された製品で作成されています。
E-commerce Admin Dashboard Demo を探索して、これらの機能を実際に体験してください。
付属ストア
ギットハブページ
E コマース ストア Web サイト GitHub: GitHub リポジトリ
Webサイト
2 つの異なる店舗を探索してマルチストア機能を発見し、e コマース プラットフォームの多用途性を紹介します。完全な体験を得るために、以下に提供されるテスト カード情報を使用して、自由に閲覧し、カートに商品を追加し、チェックアウト プロセスを完了してください。
リンクをクリックしてライブ Web サイトを探索します。
- Eコマース衣料品店のウェブサイト
- Eコマース靴店ウェブサイト
使用されている技術
- Next.js: サーバー側のレンダリングと Web アプリケーションの構築のための React フレームワーク
- Shadcn UI: アクセス可能で高度にカスタマイズ可能なユーザー インターフェイスを構築するための人気のあるコンポーネント ライブラリ
- Tailwind CSS: スタイリングのためのユーティリティファーストの CSS フレームワーク
- PostgreSQL: 強力なオープンソースのリレーショナル データベース管理システム
- AWS RDS: PostgreSQL データベースを管理するためのアマゾン ウェブ サービス リレーショナル データベース サービス
- AWS S3: 画像やその他の資産を保存するためのアマゾン ウェブ サービスのシンプル ストレージ サービス
- Clerk: ユーザーのサインインを安全に管理するための認証サービス
- Stripe: 定期的な支払いを処理するための支払い処理プラットフォーム
- Recharts: インタラクティブなデータ視覚化を構築するための構成可能なグラフ作成ライブラリ
スクリーンショット
概要ページ (ライト)
概要ページ (ダーク)
製品ページ
製品ページの編集
店員ログインページ
ライセンス
このプロジェクトは MIT ライセンスに基づいてライセンスされています。
接触
ご質問やご提案がございましたら、お気軽にお問い合わせください。
