ecommerce admin nextjsダウンロード - ecommerce admin nextjsソースコードのダウンロード

ecommerce admin nextjs

その他のカテゴリー

1.0.0

ダウンロード

eコマース管理者nextjs

PlanetScale が無料プランを廃止したため、デモ Web サイトは機能しなくなりました。

開始日: 2023 年 7 月 26^日。

説明

Stripe 統合を備えた E-Commerce Admin Dashboard は、E-commerce Web サイトの管理を合理化し、強化するように設計された堅牢な Web アプリケーションです。 Next JS、TypeScript、Tailwind CSS、Shadcn UI、Planet Scale、Prisma、zustand、店員認証、Cloudinary、Stripe などの最先端のテクノロジーを使用して開発されたこの包括的なダッシュボードは、管理者に、システムのさまざまな側面を監視および最適化するための強力なツールキットを提供します。オンラインストア。

主な特長

管理者ダッシュボードを使用すると、Web サイトの管理者は店舗情報を作成、更新、削除できます。
管理者は、Web サイトのホームページに表示される看板やバナーを効率的に管理できます。プロモーションバナーをアップロード、更新、削除して、顧客を引き付け、進行中のオファーやセールを強調できます。
管理者ダッシュボードを使用すると、製品カテゴリ、サイズ、色の管理が簡単になります。管理者はカテゴリ、サイズ、色を追加、編集、削除できるため、Web サイトで製品を効率的に整理して表示できるようになります。
フロントエンド Web アプリケーションとバックエンド間のスムーズな通信を可能にするために、ダッシュボードには API ルートが組み込まれています。これにより、製品情報がシームレスに取得され、顧客向け Web サイトに表示されるようになります。
管理者ダッシュボードは安全な認証のために Clerk 認証を利用し、許可された担当者のみが機密情報にアクセスして管理できるようにします。
Planet Scale と Prisma の統合により、アプリケーションは堅牢でスケーラブルなデータベースの恩恵を受け、増大する製品在庫や Web サイトのトラフィックの増加に対応できます。
電子商取引 Web サイトの中心は、商品管理機能にあります。管理者ダッシュボードを使用すると、管理者は、新しい製品の追加、既存の製品の更新、在庫切れの製品のアーカイブ、製品を注目製品としてマーク、および使用できなくなった製品の削除を行うことができます。名前、カテゴリ、価格、画像、その他の製品固有の属性などの製品の詳細を設定できます。
効率的な注文管理は、あらゆる電子商取引 Web サイトにとって非常に重要です。ダッシュボードには、受信した注文を表示、処理、管理するための包括的なツールが用意されています。
Stripe を支払いゲートウェイとしてシームレスに統合することで、顧客は安全かつ便利なオンライン支払いを行うことができます。管理者は取引履歴を表示し、買い物客にシームレスなチェックアウト体験を保証できます。

プロジェクトのテスト

プロジェクトをテストするには、zip ファイルをダウンロードし、選択したエディターで開きます。次に、ターミナルでnpm install実行して依存関係をインストールします。

npm install

必要な依存関係をインストールした後、プロジェクトフォルダーのルートに.envファイルを作成する必要があります。必要な環境変数は以下のとおりです。

 NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/
DATABASE_URL=
NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=
STRIPE_API_KEY=
FRONTEND_STORE_URL=
STRIPE_WEBHOOK_SECRET=

Clerk、Planet Scale、Cloudinary、Stripe の公式ドキュメントの手順に従って、環境変数の値を取得します。上記の手順を完了したら、 npm run dev実行してプロジェクトをテストします。