SportShop

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

ระบบจัดการร้านเสื้อกีฬา https://sportshop-gold.vercel.app # SportShop — ระบบจัดการร้านเสื้อกีฬาพิมพ์ลาย ระบบ Web Application สำหรับร้านรับผลิตเสื้อกีฬาที่ใช้โรงงาน Outsource — รวมลูกค้าหลายช่องทาง, จัดการ JOB, ติดตามโรงงาน, เก็บไฟล์งาน, และ Dashboard แบบ Kanban ## Tech Stack - **Frontend:** Next.js 16 (App Router) + TypeScript + TailwindCSS + shadcn/ui - **Backend:** Supabase (PostgreSQL + Auth + Storage + Realtime) - **Auth:** Google OAuth (เฉพาะแอดมิน/พนักงาน) - **Deploy:** Vercel + Supabase Cloud ## Setup ### 1. ติดตั้ง dependencies ```bash npm install ``` ### 2. ตั้ง Supabase ดู [supabase/README.md](./supabase/README.md) สำหรับขั้นตอนละเอียด สรุป: 1. สร้างโปรเจกต์ที่ https://supabase.com/dashboard 2. รัน SQL: `supabase/migrations/0001_init.sql` แล้วตามด้วย `0002_rls.sql` แล้ว `seed.sql` 3. เปิด Google OAuth provider 4. คัดลอก URL และ keys ใส่ `.env.local` ### 3. ตั้ง env vars คัดลอก `.env.example` เป็น `.env.local` แล้วใส่ค่า: ``` NEXT_PUBLIC_SUPABASE_URL=https://<project>.supabase.co NEXT_PUBLIC_SUPABASE_ANON_KEY=... SUPABASE_SERVICE_ROLE_KEY=... NEXT_PUBLIC_SITE_URL=http://localhost:3000 ``` ### 4. รัน dev server ```bash npm run dev ``` เปิด http://localhost:3000 ครั้งแรกที่ login ผ่าน Google จะถูกตั้งเป็น `admin` อัตโนมัติ (จาก trigger `handle_new_auth_user`) ## โครงสร้างโปรเจกต์ ``` app/ (auth)/login/ — หน้า login (Google OAuth) (admin)/ — เฉพาะ user ที่ login dashboard/ — Kanban + KPI customers/ — CRM ลูกค้า jobs/ — จัดการ JOB (ใหม่, รายการ, รายละเอ

โดย wattanaponkumtep-creator · ดูโพสต์ต้นทาง