online shop

เทมเพลตไซต์อีคอมเมิร์ซที่ใช้กับ next.js และ typescript สไตล์ด้วย tailwindcss นี่เป็นหนึ่งในพอร์ตการลงทุนของฉัน แต่ฉันจะยินดีถ้ารหัสเหล่านี้ช่วยผู้อื่นดังนั้นฉันจึงเผยแพร่เป็นโครงการโอเพนซอร์ซ อย่าลังเลที่จะสำรวจและถ้าคุณต้องการความช่วยเหลือให้ถามฉัน ฉันจะตอบกลับโดยเร็วที่สุด

เพื่อสนับสนุนฉันโปรดสร้าง คำขอดึง และให้ ดาว ไปยังที่เก็บนี้
ขอขอบคุณการสนับสนุนของคุณล่วงหน้า

เทคโนโลยี•การสาธิต•คุณสมบัติ•หน้า•การเริ่มต้น•การสนับสนุน•ติดต่อฉัน

? เทคโนโลยี

การสาธิต

คุณสามารถเยี่ยมชมและสำรวจในเทมเพลต Zishop ที่ Zishop.vercel.app

คุณสมบัติ

• การใช้ Redux Toolkit เป็นผู้จัดการรัฐ
• ใช้ sanity.io เป็นฐานข้อมูล
• ตอบสนองอย่างเต็มที่
• หลายภาษา (en-fa)
• หลายรูปแบบ (มืด/แสง)

หน้า?

• หลัก (ดัชนี)
• เข้าสู่ระบบ/ลงทะเบียน
• รายการผลิตภัณฑ์
• รายละเอียดผลิตภัณฑ์
• เกวียน
• รายการโปรด
• เกี่ยวกับ

(กลับไปด้านบน?)

เริ่มต้น

1. ลงทะเบียนใน Sanity.io และรับ projectId และ token

คำเตือน ให้ทำงานด้วยสติปัญญาคนที่อาศัยอยู่ในอิหร่านควรใช้ VPN

2. โคลนโครงการ

git clone https://github.com/ZahraMirzaei/online-shop.git

3. ติดตั้งการพึ่งพาโครงการ

npm install
# or
yarn add

4. ป้อน projectId ของคุณลงใน lib/client.ts
5. เพิ่มไฟล์ .env ไปยังรูทโปรเจ็กต์และป้อน token ของคุณลงใน .env

 NEXT_PUBLIC_SANITY_TOKEN = [ ENTER YOUR TOKEN ]

6. ไปที่โฟลเดอร์ sanity_onlineshop และเปิดเทอร์มินัลใหม่ในเส้นทางนี้จากนั้น

sanity start

เปิด http://localhost:3333 และป้อนผลิตภัณฑ์

7. เรียกใช้เซิร์ฟเวอร์การพัฒนาใน Project Root Path:

npm run dev
# or
yarn dev

เปิด http: // localhost: 3000 พร้อมเบราว์เซอร์ของคุณเพื่อดูผลลัพธ์

คุณสามารถเริ่มแก้ไขหน้าโดยการแก้ไข pages/index.tsx การอัปเดตหน้าอัตโนมัติเมื่อคุณแก้ไขไฟล์

?

การมีส่วนร่วมคือสิ่งที่ทำให้ชุมชนโอเพ่นซอร์สเป็นสถานที่ที่น่าทึ่งในการเรียนรู้สร้างแรงบันดาลใจและสร้าง การมีส่วนร่วมใด ๆ ที่คุณทำ จะได้รับการชื่นชมอย่างมาก

หากคุณมีข้อเสนอแนะที่จะทำให้สิ่งนี้ดีขึ้นโปรดแยก repo และสร้างคำขอดึง นอกจากนี้คุณยังสามารถเปิดปัญหาด้วยแท็ก "การปรับปรุง" อย่าลืมให้โครงการเป็นดารา! ขอบคุณอีกครั้ง!

1. แยกโครงการ
2. สร้างสาขาคุณลักษณะของคุณ ( git checkout -b feature/AmazingFeature )
3. กระทำการเปลี่ยนแปลงของคุณ ( git commit -m 'Add some AmazingFeature' )
4. Push to the Branch ( git push origin feature/AmazingFeature )
5. เปิดคำขอดึง

ติดต่อฉัน

---

(กลับไปด้านบน?)