Fairy & Fome Work Manager

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

https://forfairyandfome.vercel.app # Fairy & Fome — Work Manager ระบบจัดการงานสำหรับแฟรี่ (ผู้จัดการ) และโฟม (ครีเอเตอร์) — บรีฟ/ไทม์ไลน์งาน, Storyline, Details of Work, ใบเสนอราคา/ใบแจ้งหนี้/ใบเสร็จ, ปฏิทิน + sync กับ iPhone, เช็คอิน/เช็คเอาท์ Next.js 16 (App Router) + TypeScript + Tailwind v4 + Prisma 7 (Postgres) + Supabase Storage. ออกแบบเป็น PWA ใช้งานหลักบน iPhone, ติดตั้งขึ้นหน้าจอโฮมได้เหมือนแอปจริง ## ต้องมีก่อนเริ่ม (Prerequisites) - **Node.js 22+** — โปรเจกต์ pin ไว้ที่ Node 22 (ดู `.nvmrc`) เพราะ `prisma dev` (local Postgres) ต้องการ Node 22 ขึ้นไป ใช้ `nvm use` เพื่อสลับเวอร์ชันอัตโนมัติถ้ามี nvm อยู่แล้ว - npm (มากับ Node) ## เริ่ม dev ในเครื่อง (Local development) ```bash nvm use # หรือให้แน่ใจว่าใช้ Node 22+ npm install npx prisma dev --detach --name forfairyandfome # local Postgres ของ Prisma เอง ไม่ต้องลง Docker npx prisma db push # sync schema เข้า DB npx prisma generate # generate Prisma Client npx tsx prisma/seed.ts # สร้าง user เริ่มต้น (ดู PIN ด้านล่าง) npm run dev ``` เปิด http://localhost:3000 **PIN เริ่มต้น** (ตั้งจาก `prisma/seed.ts`, เปลี่ยนได้ทีหลังใน Settings ในแอป — หน้าเปลี่ยน PIN ยังไม่ทำ ตอนนี้เปลี่ยนได้โดยรัน seed ใหม่หรือแก้ผ่าน Prisma Studio): - **Fairy**: PIN `1414` - **Fome**: PIN `2828` > `npx prisma dev` รันเป็น background process แยกจาก `npm run dev` — เปิดครั้งเดียวค้างไว้ได้ ใช้ `npx prisma dev ls` ดูสถานะ, `npx prisma dev stop forfairyandfome` เพื่อปิด ## Environment variables ดู `.env` ที่มีอยู่แล้วสำหรับ local dev (local Postgres +

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