SafeScreen / Karmarts Platform

เจ้าของผลงานเล่าไว้แบบนี้

https://safe-screen-red.vercel.app # Backend Integration Guide — SafeScreen / Karmarts Platform เอกสารนี้เขียนสำหรับทีม Backend โดยเฉพาะ อธิบายทุกอย่างที่ Frontend ต้องการ — endpoints, request/response shape, auth flow, และวิธีเปิดใช้งาน real API --- ## สารบัญ 1. [วิธีเชื่อม Backend (เริ่มต้นเร็ว)](#1-วิธีเชื่อม-backend-เริ่มต้นเร็ว) 2. [Architecture Overview](#2-architecture-overview) 3. [Auth Flow](#3-auth-flow) 4. [API Endpoints ทั้งหมด](#4-api-endpoints-ทั้งหมด) 5. [Data Types Reference](#5-data-types-reference) 6. [Shipping & Payment Options](#6-shipping--payment-options) 7. [Business Rules ที่ Frontend ทำอยู่](#7-business-rules-ที่-frontend-ทำอยู่) 8. [Mock Data ที่ใช้อยู่](#8-mock-data-ที่ใช้อยู่) --- ## 1. วิธีเชื่อม Backend (เริ่มต้นเร็ว) ### ขั้นตอนเดียว — ตั้ง environment variable สร้างไฟล์ `.env.local` ที่ root ของ project แล้วใส่: ```env NEXT_PUBLIC_API_BASE_URL=https://api.yourbackend.com ``` เท่านี้พอ — ทุก service จะเปลี่ยนจาก mock data ไปใช้ real API call ทันที ไม่ต้องแก้โค้ด ถ้าไม่ตั้ง (หรือตั้งเป็นค่าว่าง) → Frontend ใช้ mock data ทั้งหมด (สำหรับ dev/demo) ### ตรวจสอบว่าเชื่อมแล้ว เปิด browser DevTools → Network tab → กรองด้วย `api.yourbackend.com` — ถ้าเห็น request แสดงว่าเชื่อมแล้ว --- ## 2. Architecture Overview ``` Browser │ ├── Zustand Stores ← CLIENT state เท่านั้น │ cart.store.ts (ตะกร้า, UI, locale, checkout form) │ ui.store.ts │ checkout.store.ts │ locale.store.ts │ ├── TanStack Query Hooks ← SERVER state (query +

โดย Riewta · ดูโพสต์ต้นทาง