ecommerce admin dashboard next13

フルスタック Next.js 13 電子商取引ストア用管理ダッシュボードと CMS | Next.js 13 アプリルーター、React、Tailwind、Prisma、MySQL

これは、完全に機能する管理者ダッシュボードと CMS のリポジトリです。

ここで E コマース ストアの Github リポジトリを見つけます: https://github.com/demitraps/ecommerce-store-next13

特徴

• 複数のストアを作成する
• 統計情報を含むダッシュボード
• さまざまなカテゴリごとに看板を作成する
• サイズ/色
• サイズ、カラー、看板にリンクされた商品
• アーカイブ/目玉商品
• 看板、カテゴリ、サイズ、色の編集/削除
• 支払いステータスを含む注文ページ
• ビルボード、カテゴリ、サイズ、色、製品の API 呼び出し
• ライトモードとダークモード

技術スタック

React、Next.JS 13、TypeScript、TailwindCSS

認証: Clerkデータ検証: Zod FileUploads: Cloudinaryコンポーネント: Shadcnデータベース: Prisma ORM を使用した MySQL-PlanetScale

サインイン

https://ecommerce-admin-dashboard-next13-seven.vercel.app/

デモ

製品の作成:

そして店内では：

スクリーンショット

ホームページ:

ストアを作成します:

看板:

看板を作成します。

カテゴリ:

サイズ:

色：

製品：

製品の作成:

注文:

設定：

ライトモード:

やることリスト

• 製品ごとに複数の数量
• 電子メール通知
• ビデオのアップロード
• ニュースレター
• 追加の統計
• 注文を完了としてマークする
• 追跡を追加する

前提条件

ノードバージョン14.x

リポジトリのクローン作成

  git clone https://github.com/demitraps/ecommerce-admin-dashboard-next13.git

PlanetScale に接続して Prisma をプッシュする

npx prisma generate
npx prisma db push

アプリを起動する

npm run dev

利用可能なコマンド

npmでコマンドを実行するnpm run [command]

指示	説明
dev	アプリの開発インスタンスを開始します