1 พฤษภาคม 2567
E-commerce
(ยังไม่ใช่ของจริง) Headless E-commerce Platform
ระบบร้านค้าออนไลน์แยก Frontend/Backend รองรับ API-first
ระยะเวลา:3 เดือน
ทีม:4 คน
รายละเอียดโปรเจค
ระบบร้านค้าแบบ Headless โดย Frontend ใช้ Next.js กับ Tailwind ส่วน Backend เป็น FastAPI เชื่อมต่อ Stripe สำหรับจ่ายเงิน, Redis สำหรับ Cart, และ CMS API สำหรับจัดการสินค้า รองรับ SEO เต็มรูปแบบ
ความท้าทาย
- ทำให้โหลดเร็วบนมือถือและ SEO ดี
- แยก CMS กับระบบขายให้จัดการได้อิสระ
- ทำ Cart ให้ realtime และไม่ต้อง login ก็ใช้ได้
วิธีการแก้ไข
- ใช้ Static Generation ร่วมกับ ISR ของ Next.js
- ใช้ CMS อย่าง Strapi เป็นตัวกลางระหว่าง admin กับ frontend
- ใช้ Redis cache ช่วยเก็บ cart per session
เทคโนโลยีที่ใช้
Next.js
Tailwind CSS
FastAPI
Stripe
Redis
Vercel
Headless CMS
ผลลัพธ์
- Core Web Vitals A ทุกหน้า
- SEO ดันขึ้นอันดับ 3 ใน 2 เดือน
- Conversion Rate เพิ่มขึ้น 28%
- รองรับ 100K products แบบ dynamic
