Membina eDagang dengan Next.js

Sebagai pembangun, saya tidak mahu dihadkan oleh templat Shopify, tetapi juga tidak mahu menggunakan API etalase mereka dengan apl tersuai. Saya mahu mempunyai penyelesaian yang boleh disesuaikan sepenuhnya yang boleh saya laraskan mengikut cara yang saya mahu. Daripada ui/ux, db, backend, api, pengesahan, devops dan sebagainya. Jadi, saya membina penyelesaian yang boleh disesuaikan sepenuhnya dengan React, Next.js, MongoDB dan Stripe untuk pembayaran.

Anda boleh mencari pautan demo di sini: https://wexcommerce.dynv6.net:8002

Dan kod sumber di sini: https://github.com/aelassas/wexcommerce

Dengan penyelesaian berikut, anda boleh membina tapak web eCommerce yang boleh disesuaikan sepenuhnya yang dioptimumkan untuk SEO dengan gerbang pembayaran Stripe yang beroperasi pada kos yang sangat rendah dengan mengehoskannya pada titisan Docker dengan sekurang-kurangnya 1GB RAM.

Penyelesaian ini terdiri daripada bahagian hadapan dan papan pemuka pentadbir. Dari bahagian hadapan, pelanggan boleh mencari produk yang mereka inginkan, menambahkannya pada troli dan membayar keluar. Pelanggan boleh mendaftar dengan Google, Facebook, Apple atau E-mel dan membayar dengan Kad Kredit, Tunai Semasa Penghantaran, Pindahan Kawat, PayPal, Google Pay, Apple Pay, Link atau kaedah pembayaran Stripe yang lain. Setelah log masuk, mereka boleh mempunyai akses kepada sejarah pembelian mereka dan mengikut pesanan mereka. Daripada papan pemuka pentadbir, pentadbir boleh mengurus pesanan, pembayaran, produk, kategori, pelanggan dan tetapan umum seperti bahasa lalai, mata wang, penghantaran, penghantaran dan kaedah pembayaran yang diterima.

Keputusan reka bentuk utama telah dibuat untuk menggunakan TypeScript kerana banyak kelebihannya. TypeScript menawarkan penaipan, perkakasan dan penyepaduan yang kuat, menghasilkan kod berkualiti tinggi, berskala, lebih mudah dibaca dan boleh diselenggara yang mudah untuk nyahpepijat dan diuji.

Ciri-ciri

• Pengurusan saham
• Pengurusan pesanan
• Pengurusan pembayaran
• Pengurusan pelanggan
• Pelbagai pilihan pembayaran (Kad Kredit, Tunai Semasa Penghantaran, Pindahan Wayar, PayPal, Google Pay, Apple Pay, Pautan)
• Gerbang Pembayaran Jalur Operasi
• Berbilang pilihan penghantaran (Penghantaran ke rumah, pengeluaran kedai)
• Sokongan berbilang bahasa (Bahasa Inggeris, Perancis)
• Berbilang pilihan log masuk (Google, Facebook, Apple, E-mel)
• Halaman belakang responsif dan hujung hadapan

Sumber

1. Ikhtisar
2. Memasang (Dihoskan sendiri)
3. Memasang (Docker)
   1. Imej Docker
   2. SSL
4. Sediakan Jalur
5. Larikan dari Sumber
6. Pangkalan Data Demo
   1. Windows, Linux dan macOS
   2. Pelabuh
7. Tukar Bahasa dan Mata Wang
8. Tambah Bahasa Baharu
9. Balak

Sebarang maklum balas adalah dihargai.

Atas ialah kandungan terperinci Membina eDagang dengan Next.js. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!