nextjs ecommerce

Aplikasi aktif dan berjalan pada

https://nextjs-ecommerce-typescript.vercel.app/

• jangan lupa tinggalkan bintang! :)

Penulis

• Abdullah Moiz

Fitur

CATATAN

• Dasbor Admin hanya dapat diakses oleh Anda jika Anda mengkloningnya Anda tidak dapat Mendaftar untuk Akun Admin Saya telah menambahkan Produk dan kategori tiruan

Sistem Login multi-Pengguna

• Masuk / Daftar ✔
• Lupa Kata Sandi ✔
• Validasi JWT pada setiap Permintaan Resmi ✔
• Validasi otorisasi untuk Akses Admin dan Akses Pelanggan ✔

PANEL ADMIN

• Tambahkan produk ✔
• lihat Produk ✔
• Hapus Produk ✔
• perbarui produk ✔
• Tambahkan Kategori ✔
• lihat Kategori (Tabel data) ✔
• perbarui Kategori ✔
• Hapus kategori ✔
• kategori pencarian Berdasarkan nama ✔
• cari produk berdasarkan kategori Nama ✔
• Menangani Pengiriman Pesanan ✔
• Daftar Pesanan Tertunda ✔
• Daftar Pesanan Selesai ✔

Pelanggan

• Lihat Produk & Kategori ✔
• lihat produk yang terkait dengan kategori tertentu ✔
• lihat detail halaman dinamis dengan breadcamp ✔
• Tambahkan produk ke troli ✔
• Hapus Produk dari keranjang ✔
• Tambah Kurangi Jumlah Barang keranjang ✔ (JIKA Jumlah Stok produk kurang dari jumlah keranjang Anda maka Anda tidak dapat menambah Jumlah produk tersebut)
• Peringatan jika Kuantitas Stok Tidak Tersedia ✔
• Tandai Produk favorit ✔
• hapus produk dari bookmark ✔
• Pesan Produk ✔
• Setelah Membuat Pesanan, Produk yang Ada di Keranjang untuk Pengguna saat ini akan Dihapus ✔
• lacak Status Pesanan ✔
• Lihat Detail Pesanan ✔

Catatan

Lebih banyak Fungsi akan ditambahkan seiring berjalannya waktu

Teknologi

• Selanjutnya 13
• naskah ketikan
• penarik css
• Perangkat Redux
• validasi joi
• mongoDB
• Kait SWR untuk mengambil API

Variabel Lingkungan

Untuk menjalankan proyek ini, Anda perlu menambahkan variabel lingkungan berikut ke file .env Anda

DB_URI = URL mongoDB Anda

JWT_SECREAT = Kunci JWT_SECREAT khusus Anda

NEXT_PUBLIC_API_BASE_URL = URL dasar untuk localhost => http://localhost:3000

Instalasi

Instal proyek saya dengan npm

  npm install
  npm run dev (for development server)
  npm run build (for Production)
  npm run preview (To View Production Server )

Tangkapan layar

Dasbor Admin

Admin Tambah Produk

Admin Tambah Kategori

Kategori Tampilan Admin

Admin Lihat Produk

Admin Cari Produk dengan Nama kategori

Kategori Pencarian Admin dengan Nama kategori

Daftar Pesanan Tertunda

Daftar Pesanan Selesai

Halaman Arahan

melihat Produk kategori Tertentu dengan Dynamic Breadcamp

lihat Produk Detail dengan Dynamic Breadcamp

Halaman Keranjang

Peringatan JIKA Jumlah Barang tidak tersedia dalam stok

Produk Favorit

Hapus Produk Favorit

Cari Produk Favorit dengan Nama produk

Pesan Produk

Lacak Pesanan

Periksa Detail pesanan