E-Commerce + Dasbor & CMS Full Stack: Router Aplikasi Next.js 13, React, Tailwind, Prisma, MySQL, 2023
Untuk DEMO, gunakan Kartu Pengujian Stripe
Ini adalah gudang untuk Full Stack E-Commerce + Dashboard & CMS: Next.js 13 App Router, React, Tailwind, Prisma, MySQL
Fitur Utama:
- Kami akan menggunakan Shadcn UI untuk Admin!
- Dasbor admin kami akan berfungsi sebagai CMS, Admin, dan API!
- Anda akan dapat mengontrol beberapa vendor/toko melalui satu CMS ini! (Misalnya Anda dapat memiliki "Toko Sepatu" dan "Toko Laptop" dan "Toko Setelan", dan CMS kami akan menghasilkan rute API untuk semuanya satu per satu!)
- Anda akan dapat membuat, memperbarui, dan menghapus kategori!
- Anda akan dapat membuat, memperbarui, dan menghapus produk!
- Anda akan dapat mengunggah banyak gambar untuk produk, dan mengubahnya kapan pun Anda mau!
- Anda akan dapat membuat, memperbarui, dan menghapus filter seperti "Warna" dan "Ukuran", lalu mencocokkannya di formulir pembuatan "Produk".
- Anda akan dapat membuat, memperbarui, dan menghapus "Papan Iklan" yang merupakan teks besar di bagian atas halaman. Anda akan dapat melampirkannya ke satu kategori, atau menggunakannya secara mandiri (Admin kami menghasilkan API untuk semua kasus tersebut!)
- Anda akan dapat Mencari melalui semua kategori, produk, ukuran, warna, papan reklame dengan penomoran halaman yang disertakan!
- Anda akan dapat mengontrol produk mana yang "diunggulkan" sehingga ditampilkan di beranda!
- Anda akan dapat melihat pesanan, penjualan, dll.
- Anda akan dapat melihat grafik pendapatan Anda, dll.
- Anda akan mempelajari Otentikasi Petugas!
- Pembuatan pesanan
- Pembayaran bergaris
- Webhook bergaris
- MySQL + Prisma + Skala Planet
Prasyarat
Node versi 14.x
Mengkloning repositori
git clone https://github.com/vishwavinoth/dropship-admin.git
Instal paket
Siapkan file .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 = /
# This was inserted by `prisma init` :
# Environment variables declared in this file are automatically made available to Prisma .
# See the documentation for more detail : https : / / pris . ly / d / prisma - schema #accessing - environment - variables - from - the - schema
# Prisma supports the native connection string format for PostgreSQL , MySQL , SQLite , SQL Server , MongoDB and CockroachDB .
# See the documentation for all the connection string options : https : / / pris . ly / d / connection - strings
DATABASE_URL = ''
NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME = ""
STRIPE_API_KEY =
FRONTEND_STORE_URL = http : //localhost:3001
STRIPE_WEBHOOK_SECRET =
Hubungkan ke PlanetScale dan Dorong Prisma
npx prisma generate
npx prisma db push
Mulai aplikasi
Perintah yang tersedia
Menjalankan perintah dengan npm npm run [command]
memerintah | keterangan |
---|
dev | Memulai contoh pengembangan aplikasi |