ระบบจัดการใบงานผ้าม่าน

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

https://confirmation-form-ai.vercel.app # ระบบจัดการใบงานผ้าม่าน (Confirmation Form & AI Curtain Visualizer) ระบบสร้างและจัดการใบสรุปงานติดตั้งผ้าม่าน ออกแบบมาสำหรับการทำงานร่วมกันเป็นทีม รองรับ **Online Real-time Synchronization** เชื่อมต่อฐานข้อมูลคลาวด์ ทุกคนเห็นข้อมูลเดียวกันทันที พร้อมฟังก์ชันสร้างรูปจำลองผ้าม่านเสมือนจริงด้วย Google Gemini AI --- ## 🚀 คู่มือการนำขึ้นใช้งานจริงผ่าน GitHub & Vercel (Deployment Guide) ### ขั้นตอนที่ 1: นำโค้ดขึ้น GitHub (Push to GitHub) 1. สร้าง New Repository บน [GitHub](https://github.com/new) (เช่น `curtain-app`) 2. ในเครื่องคอมพิวเตอร์ของคุณ เปิด Terminal ในโฟลเดอร์โปรเจกต์นี้ แล้วรันคำสั่ง: ```bash git init git add . git commit -m "feat: ระบบใบงานผ้าม่านพร้อม Vercel Serverless API และ Realtime Sync" git branch -M main git remote add origin https://github.com/<your-username>/<your-repo-name>.git git push -u origin main ``` --- ### ขั้นตอนที่ 2: เชื่อมต่อและ Deploy บน Vercel 1. เข้าไปที่ [Vercel](https://vercel.com/) และล็อกอินด้วยบัญชี GitHub 2. กดปุ่ม **"Add New..."** > **"Project"** 3. เลือก Repository ที่เพิ่งอัปโหลดขึ้น GitHub แล้วกด **"Import"** 4. ตรวจสอบการตั้งค่า: - **Framework Preset**: `Vite` - **Root Directory**: `./` - **Build Command**: `npm run build` (หรือเว้นว่างตามค่าเริ่มต้น) - **Output Directory**: `dist` 5. ในส่วน **Environment Variables** เพิ่มตัวแปรดังนี้: - **`GEMINI_API_KEY`**: ใส่ Gemini API Key ของคุณ (รับได้ฟรีจาก [Google AI Studio](https://aistudio.google.com/)) 6. กดปุ่ม **"Deploy"** แล้วรอระบบสร้างเส

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