mommango

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

https://mommango.vercel.app # mommango โปรเจกต์เว็บขายของ สร้างด้วย Next.js (App Router) + TypeScript + Tailwind CSS ## วิธีเริ่มใช้งาน 1. แตกไฟล์ zip แล้วเปิด terminal ในโฟลเดอร์นี้ 2. ติดตั้ง dependencies: ``` npm install ``` 3. คัดลอกไฟล์ env: ``` cp .env.local.example .env.local ``` แล้วใส่ค่า Supabase URL / Anon Key ของคุณ (ยังไม่มีก็รันดูหน้าตาเว็บได้ก่อน) 4. รันเซิร์ฟเวอร์ทดสอบ: ``` npm run dev ``` เปิด http://localhost:3000 ## โครงสร้างโปรเจกต์ ``` src/ app/ หน้าเว็บ (routes) — home, /products, /cart components/ UI components ที่ใช้ซ้ำ (Header ฯลฯ) lib/ helper เช่น supabase client store/ Zustand store (ตะกร้าสินค้า) types/ TypeScript types กลาง (Product, Order ฯลฯ) ``` ## สถานะปัจจุบัน - [x] โครงโปรเจกต์ + dependency พื้นฐาน - [x] Header + หน้า placeholder (home, products, cart) - [x] Zustand cart store (เก็บ state ในเบราว์เซอร์ ยังไม่ผูกกับสินค้าจริง) - [x] ออกแบบ database schema (Supabase) — ดู `supabase/schema.sql` - [x] เชื่อมต่อ Supabase + แสดงสินค้าจริง (หน้า /products, /products/[id], filter ตามหมวด) - [x] ระบบสมาชิก (Supabase Auth) — login/register, ประวัติการสั่งซื้อ - [x] เชื่อมต่อ payment (Stripe) — checkout + webhook บันทึกออเดอร์อัตโนมัติ - [x] Admin panel — จัดการสินค้า + ดูออเดอร์ (เฉพาะ admin) - [x] พร้อม deploy ขึ้น Vercel — ดูขั้นตอนละเอียดใน `DEPLOYMENT.md` เว็บครบทุกฟีเจอร์ตามแผนแล้ว 🎉 อ่านขั้นตอน deploy แบบละเอียด (Vercel + Stripe webhook production + Supabase redirect URLs) ได้ที

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