spectrum store

Toko Spektrum

Toko Spektrum | Platform E-commerce yang Kuat Didukung oleh Next.js, TypeScript, dan Shadcn

Itu memanfaatkan API Toko Palsu, dilengkapi dasbor Admin dan autentikasi JWT.

Dirancang dengan fokus pada keamanan, ini menerapkan praktik terbaik untuk perutean dan tindakan server.

Lihat Demo. Laporkan Bug. Fitur Permintaan

---

Fitur

Teknik

• Berikutnya js 14 Fitur terakhir

• Selanjutnya js Tindakan Server + Axios + Zod

• Bereaksi formulir kait + Validasi dengan zod untuk Klien & Server

• Otentikasi JWT + Cookies + Lapisan DATA Otorisasi + Middleware

Utama

• Halaman Masuk Dengan Otentikasi JWT + Keluar

• Halaman Beranda dengan Tata Letak Grid

• Halaman Produk Menampilkan semua Produk dengan filter kategori

• Halaman Detail Produk dengan tombol rating , harga & tambahkan keranjang

• Laci Keranjang (tambahkan ke keranjang, keluarkan dari keranjang)

• Fungsi Pencarian Global

• Pengalih Tema (Mode Terang / Gelap)

• Memuat animasi & Kerangka

• Dasbor Admin dengan operasi CRUD untuk produk, paginasi, grafik pencarian

• Keamanan dalam pikiran : Otentikasi (JWT + Cookies) & Lapisan DATA Otorisasi + Tindakan Middleware & Server dengan validasi

• SEO dan Kinerja yang Dioptimalkan : Proyek ini dioptimalkan untuk SEO dan kinerja menggunakan fitur Next.js terbaru dan praktik terbaik untuk tag meta dan peta situs Berikutnya/Gambar &&.

• Desain Responsif

Catatan

• Anda dapat menggunakan pengguna fakestoreapi mana pun untuk login

• untuk peran admin hanya gunakan nilai default

• nama pengguna : mor_2314

• kata sandi : 83r5^_

• Anda dapat membuka dashboard Admin dan melakukan CRUD di bangga dengan mengikuti langkah-langkah berikut:

• pastikan Anda login dengan akun admin ( mor_2314 )

• klik pada ikon pengguna

• klik pada dasbor

Memulai

Pertama, jalankan server pengembangan:

1. Kloning atau Fork repo

    git clone https://github.com/issam-seghir/spectrum-store.gitcd ./your_project

2. Instal Dependensi

    instalasi npm

3. ganti nama file .env.example menjadi .env

4. Mulai servernya

    npm jalankan dev

Buka http://localhost:3000 dengan browser Anda untuk melihat hasilnya.

Anda dapat mulai mengedit halaman dengan memodifikasi app/page.tsx . Halaman diperbarui secara otomatis saat Anda mengedit file.

Terapkan di Vercel

Cara termudah untuk menerapkan aplikasi Next.js Anda adalah dengan menggunakan Platform Vercel dari pembuat Next.js.

Lihat dokumentasi penerapan Next.js kami untuk detail selengkapnya.

Berkontribusi

Kontribusi inilah yang membuat komunitas open source menjadi tempat yang luar biasa untuk belajar, menginspirasi, dan berkreasi. Setiap kontribusi yang Anda berikan sangat dihargai .

Jika Anda memiliki saran yang dapat membuat ini lebih baik, harap fork repo dan buat permintaan tarik. Anda juga dapat membuka masalah dengan tag "peningkatan". Jangan lupa untuk memberi proyek ini bintang! Terima kasih lagi!

1. Garpu Proyek

2. Buat Cabang Fitur Anda ( git checkout -b feature/AmazingFeature )

3. Komit Perubahan Anda ( git commit -m 'Add some AmazingFeature' )

4. Dorong ke Cabang ( git push origin feature/AmazingFeature )

5. Buka Permintaan Tarik

Lisensi

Didistribusikan di bawah Lisensi MIT. Lihat LICENSE.txt untuk informasi lebih lanjut.