Download next e commerce next e commerce

next e commerce

Kode Sumber AI

1.0.0

Unduh

Situs web e-commerce

Demo: https://next-e-commerce-example.vercel.app/

Contoh situs web e-commerce yang dibangun dengan Next.js yang saya buat dalam 1 minggu sebagai tantangan diri. Ada beberapa masalah yang akan saya tangani nanti. Menggunakan firebase sebagai backend.

Hubungi saya · Laporkan Bug · Fitur Permintaan

Daftar isi

Tentang proyek
- Dibangun dengan
Tangkapan layar
- Rumah (berita di)
- Kategori
- Produk
- Keranjang
- Akun
Memulai
- Prasyarat
- Instalasi
Masalah / Rencana Fitur
Berkontribusi
Pertanyaan & Jawaban
Lisensi
Kontak

Tentang proyek

Saya melihat desain UI di Dribbble oleh Anton Mikhaltsov. Dan saya ingin membuat kode desain ini. Jadi saya memutuskan untuk menjadikannya situs web kerja penuh dengan NextJS tetapi hanya dalam 1 minggu sebagai tantangan sendiri. Beberapa masalah masih ada tetapi saya akan memeriksanya nanti.

Tombol filter dan urutkan belum berfungsi.
~~Situs web tidak responsif %100 karena waktu tidak cukup. Saya sedang mengerjakannya saat ini.~~ Sekarang, ini responsif.
Fungsi Firebase bisa lebih baik
Kartu beranda (berita dalam) tidak memiliki pengalihan. Mereka hanya placeholder.

Dibangun dengan

Bereaksi
Nextjs
Firebase
Bentuk pengait bereaksi
tanggal-fns
Kelancangan

Tangkapan layar

Berita di

Kartu tidak memiliki tautan dan statis, mereka hanya placeholder.

Kategori

Produk

Keranjang

Akun

Memulai

Prasyarat

Node.js versi 10.13 atau lebih baru
Git (saya menggunakan 2.20.1)

Instalasi

Anda perlu membuat proyek firebase
Klon repo dan ubah direktori

git clone https://github.com/anilsenay/next-e-commerce.git
cd next-e-commerce

Instal Paket NPM

npm install

Buat file .env.local Anda di folder root (next-e-commerce) dengan konten ini. Letakkan kunci firebase Anda.

 NEXT_PUBLIC_FIREBASE_API_KEY = your-firebase-api-key
NEXT_PUBLIC_FIREBASE_PROJECT_ID = your-firebase-project-id
NEXT_PUBLIC_FIREBASE_APP_ID = your-firebase-app-id

Jalankan dalam mode pengembangan

npm run dev

Masalah - Rencana Masa Depan

Saring dan urutkan tombol
Mengoptimalkan fungsi kueri firestore
Di halaman keranjang, turunkan tombol item tidak berfungsi
~~Situs web akan menjadi %100 responsif~~
Ganti beberapa tag HTML dengan tag semantik

Berkontribusi

Kontribusi inilah yang membuat komunitas open source menjadi tempat yang luar biasa untuk dipelajari, menginspirasi, dan menciptakan. Kontribusi apa pun yang Anda buat sangat dihargai .

Garpu proyek
Buat Cabang Fitur Anda ( git checkout -b feature/AmazingFeature )
Komit perubahan Anda ( git commit -m 'Add some AmazingFeature' )
Dorong ke cabang ( git push origin feature/AmazingFeature )
Buka permintaan tarik

Q&A

Pertanyaan: Saya membuat proyek Firebase tetapi saya tidak mengenalnya. Apa yang harus saya lakukan? Jawaban : Anda dapat menghubungi saya tentang mengatur proyek Firebase Anda, saya dengan senang hati akan membantu Anda.
Pertanyaan: Saya membuat proyek Firebase tetapi saya tidak memiliki struktur basis data. Apa yang harus saya lakukan? Jawaban : Silakan hubungi saya untuk mendapatkan struktur basis data yang saya buat.
Pertanyaan: Mengapa Anda tidak berbagi struktur basis data Anda? Jawaban : Saya hanya ingin tahu apakah seseorang tertarik pada proyek ini: D
Pertanyaan: Bagaimana saya bisa berkontribusi? Jawab : Itu membuat saya bahagia bahkan jika Anda hanya membintangi proyek ini. Untuk kontribusi kode, Anda dapat membayar repo dan membuka permintaan tarik setelah perubahan Anda. Umpan balik apa pun juga penting bagi saya. Anda dapat membuka masalah atau mengirimi saya pesan.
Pertanyaan: Apakah Anda mendesain UI? Jawaban : Tidak, saya sebenarnya tidak mendesain. Saya menemukan desain halaman rumah di Dribbble oleh Anton Mikhaltsov. Kecuali halaman beranda, pilihan UI lainnya adalah milik saya. Sementara saya membuat situs web ini dalam waktu yang terbatas, saya tidak banyak memikirkan UI/UX. Jadi Anda juga dapat memberi umpan balik kepada saya tentang desain.