Wanderpass

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

https://wanderpass-five.vercel.app # 🛂 Wanderpass > สมุดพาสปอร์ตการเดินทางดิจิทัล — เอารูปจริงของทริปที่เคยไปมาลง ระบบสร้างเป็น **แสตมป์การ์ตูนรายประเทศ** เขียนบันทึก แล้วแชร์ลงโซเชียลพร้อมลายน้ำ Wanvela · มี Trip Planner เลื่อนงบ + AI ช่วยร่างแผน Built with **Next.js 16 (App Router) · TypeScript · Tailwind v4 · shadcn/ui · Supabase · Anthropic · Resend**. Mobile-first, navy/gold/cream, ภาษาไทย. --- ## หน้าจอ (PRD screens A–F) | Route | หน้า | |---|---| | `/` · `/login` | Landing + เข้าสู่ระบบด้วย Google (A) | | `/passport/[username]` | My Passport — แผนที่ + สถิติ + grid แสตมป์ (B) | | `/passport/add` | บันทึกทริป — เลือกประเทศ + อัปรูปจริง + comment (C) | | `/passport/[username]/country/[code]` | รายละเอียดประเทศ — แกลเลอรี + public/private + แก้ไข/ลบ/รายงาน (E) | | `/plan` | Trip Planner — slider งบ + AI itinerary → Wishlist (D) | | `/passport/[username]/share` | แชร์ — รูป + ลายน้ำ Wanvela → IG/FB/TikTok/ดาวน์โหลด (F) | | `/admin` | ผู้ดูแล — ผู้ใช้ · ประเทศยอดฮิต+แชร์ · คิวรายงาน · คลังแสตมป์ | --- ## Setup (สรุป) 1. `npm install` 2. สร้าง Supabase project แล้วทำตาม **[`supabase/SETUP.md`](supabase/SETUP.md)**: - รัน `schema.sql` → `seed-countries.sql` → `storage.sql` ใน SQL Editor - ตั้งค่า **Google OAuth** (Google Cloud + Supabase provider + redirect URLs) - ตั้งค่า **Resend** (อีเมล) — ออปชัน 3. `cp .env.example .env.local` แล้วใส่ค่า (Supabase, Anthropic, Resend, `NEXT_PUBLIC_SITE_URL`, `CRON_SECRET`) 4. แก้ `ADMIN_EMAILS` ใน [`src/lib/admins.ts`](src/lib/admins.ts) เป็นอีเมลคุณ 5. `

โดย tossapatch1-Can · ดูโพสต์ต้นทาง