skateshop

รองเท้าสเก็ตช็อป

นี่คือการสร้างอีคอมเมิร์ซแบบโอเพนซอร์ส Skateshop ที่มีทุกสิ่งใหม่ใน Next.js 14 มันเป็น bootstrapped ด้วย create-t3-app

คำเตือน โครงการนี้ยังอยู่ในระหว่างการพัฒนาและยังไม่พร้อมสำหรับการใช้งานการผลิต

มันใช้เทคโนโลยีใหม่ (Drizzle ORM) ซึ่งอาจมีการเปลี่ยนแปลงและอาจทำลายแอปพลิเคชันของคุณ

ซ้อนเทค

• เฟรมเวิร์ก: next.js
• สไตล์: Tailwind CSS
• การจัดการผู้ใช้: เสมียน
• ORM: Drizzle Orm
• ส่วนประกอบ UI: Shadcn/UI
• อีเมล: ตอบโต้อีเมล
• การจัดการเนื้อหา: ContentLayer
• การอัปโหลดไฟล์: อัพโหลด
• โครงสร้างพื้นฐานการชำระเงิน: Stripe

คุณสมบัติที่จะนำไปใช้

• การตรวจสอบด้วย เสมียน
• อัปโหลดไฟล์ด้วย uploadthing
• การสมัครรับจดหมายข่าวด้วย REACE Email และ Resend
• บล็อกโดยใช้ MDX และ ContentLayer
• orm ใช้ ละอองฝน orm
• ฐานข้อมูลบน PlanetScale
• การตรวจสอบด้วย zod
• หน้าร้านพร้อมผลิตภัณฑ์หมวดหมู่และหมวดหมู่ย่อย
• เวิร์กโฟลว์ผู้ขายและลูกค้า
• การสมัครสมาชิกผู้ใช้ด้วย Stripe
• ชำระเงินด้วย การชำระเงินลายแถบ
• แดชบอร์ดผู้ดูแลระบบพร้อมร้านค้าผลิตภัณฑ์คำสั่งซื้อการสมัครสมาชิกและการชำระเงิน

ทำงานในพื้นที่

1. โคลนที่เก็บ

   git clone https://github.com/sadmann7/skateshop.git

2. ติดตั้งการพึ่งพาโดยใช้ PNPM

   pnpm install

3. คัดลอก .env.example เป็น .env และอัปเดตตัวแปร

   cp .env.example .env

4. เริ่มต้นเซิร์ฟเวอร์การพัฒนา

   pnpm run dev

5. กดสคีมาฐานข้อมูล

   pnpm run db:push

6. เริ่มต้นผู้ฟัง WebHook Stripe

   pnpm run stripe:listen

ฉันจะปรับใช้สิ่งนี้ได้อย่างไร?

ทำตามคำแนะนำการปรับใช้สำหรับ Vercel, Netlify และ Docker สำหรับข้อมูลเพิ่มเติม

การบริจาค

ยินดีต้อนรับ! กรุณาเปิดปัญหาหากคุณมีคำถามหรือข้อเสนอแนะ การมีส่วนร่วมของคุณจะได้รับการยอมรับ ดูคู่มือการสนับสนุนสำหรับข้อมูลเพิ่มเติม

ผู้มีส่วนร่วม

ขอบคุณไปที่คนที่ยอดเยี่ยมเหล่านี้สำหรับการมีส่วนร่วมของพวกเขา:

ทำด้วย contrib.rocks

ใบอนุญาต

ได้รับใบอนุญาตภายใต้ใบอนุญาต MIT ตรวจสอบไฟล์ใบอนุญาตสำหรับรายละเอียด