บทที่ 12: E-commerce Blueprint

“ห้างสรรพสินค้าต้องรับคนได้เยอะ สินค้าค้นหาง่าย และจ่ายเงินได้ปลอดภัย”

The Blueprint (พิมพ์เขียว)

E-commerce ไม่ใช่แค่เว็บขายของ — มันคือ ห้างสรรพสินค้า ที่ต้อง:

• รับลูกค้า 1,000+ คนพร้อมกัน
• แสดงสินค้าหลายพันรายการ
• ชำระเงินอย่างปลอดภัย

🎯 ความท้าทายหลัก

ความท้าทาย	ตัวอย่าง
Traffic สูง	Flash Sale มีคนเข้า 10,000 คน/นาที
SEO	สินค้าต้องติด Google
Payment	จ่ายเงินไม่พัง ไม่ซ้ำ
Inventory	สินค้า 100 ชิ้น ขาย 120 ไม่ได้

Material Selection (เลือกสเปกวัสดุ)

📦 Tech Stack สำหรับ E-commerce

Layer	Technology	เหตุผล
Frontend	Next.js 14	SSG สำหรับ SEO
API	Go / Node.js	รับ Load สูง
Database	PostgreSQL	ACID Transactions
Cache	Redis	Session, Cart
Search	Meilisearch	Full-text search
Payment	Stripe / Omise	PCI Compliant

💳 Payment Integration

import Stripe from 'stripe';

export async function createCheckoutSession(items) {
  const session = await stripe.checkout.sessions.create({
    payment_method_types: ['card'],
    line_items: items.map(item => ({
      price_data: {
        currency: 'thb',
        product_data: { name: item.name },
        unit_amount: item.price * 100,
      },
      quantity: item.quantity,
    })),
    mode: 'payment',
    success_url: `${BASE_URL}/success`,
    cancel_url: `${BASE_URL}/cart`,
  });

  return session.url;
}

Architect’s Note (บันทึกสถาปนิก)

⚠️ ข้อควรระวัง

1. Flash Sale = DDoS ตัวเอง — ใช้ Queue สำหรับ Order
2. Payment ต้อง Idempotent — กดจ่าย 2 ครั้ง ต้องไม่ถูกเงิน 2 เท่า
3. SEO สำคัญมาก — Product pages ต้อง SSG/SSR

💡 Best Practices

1. Optimistic UI — เพิ่มลงตะกร้าทันที ไม่ต้องรอ API
2. Lazy Load Images — รูปสินค้าเยอะ ต้อง Lazy Load
3. Search Autocomplete — ช่วยลูกค้าหาของเร็วขึ้น