FITLOG

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

https://fitlog-zkdx.vercel.app # FITLOG แอปบันทึกสถิติการออกกำลังกาย (เวทเทรนนิ่ง + คาร์ดิโอ) เป็น Progressive Web App (PWA) — ติดตั้งบนมือถือได้เหมือนแอปจริง เปิดใช้แบบออฟไลน์บางส่วนได้ สร้างด้วย **Next.js 14** (App Router) + **Supabase** (Auth + Database) และ deploy บน **Vercel** --- ## 1. โครงสร้างระบบ - **Vercel** — โฮสต์และ deploy เว็บแอป ให้ใครก็เข้าดูผ่านลิงก์ออนไลน์ได้ - **Supabase** — ฐานข้อมูล Postgres + ระบบ Login (อีเมล/รหัสผ่าน) พร้อม Row Level Security ป้องกันไม่ให้เห็นข้อมูลของคนอื่น ## 2. ตั้งค่า Supabase 1. ไปที่ https://supabase.com สร้างบัญชี แล้วกด **New Project** 2. ตั้งชื่อโปรเจกต์ เลือก region ที่ใกล้ (เช่น Singapore) ตั้งรหัสผ่านฐานข้อมูล แล้วรอสร้างเสร็จ (~2 นาที) 3. ไปที่เมนู **SQL Editor** → **New query** → คัดลอกทั้งหมดจากไฟล์ `supabase/schema.sql` ในโปรเจกต์นี้ แล้ววางรัน (กด Run) - จะได้ตาราง `workouts` พร้อม Row Level Security ที่ทำให้แต่ละคนเห็นแค่ข้อมูลของตัวเอง 4. ไปที่ **Project Settings → API** คัดลอกค่า 2 ค่านี้เก็บไว้: - `Project URL` - `anon public` key 5. (แนะนำ) ไปที่ **Authentication → Providers → Email** ปิด "Confirm email" ได้ถ้าต้องการให้สมัครแล้วใช้ได้ทันทีโดยไม่ต้องกดยืนยันอีเมล เหมาะกับแอปที่ใช้กันเองในครอบครัว/เพื่อน ## 3. รันในเครื่องตัวเอง (ทดสอบก่อน deploy) ต้องมี Node.js 18+ ติดตั้งไว้ ```bash # แตกไฟล์โปรเจกต์แล้วเข้าไปในโฟลเดอร์ cd fitlog # ติดตั้ง dependencies npm install # สร้างไฟล์ env จากตัวอย่าง cp .env.local.example .env.local ``` เปิดไฟล์ `.env.local` แล้วใส่ค่าจาก Supabase ที่คัดลอกไว้ในข้อ 2: ``` NEXT_PUBLIC_SUPABASE_URL

โดย foxenvy-spec · ดูโพสต์ต้นทาง