Kawan2

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

kawan2 https://kawan2.vercel.app # Kawan2 — ชุมชนชายแดนใต้ ระบบ community / webboard สำหรับ 3 จังหวัดชายแดนใต้ (ปัตตานี นราธิวาส ยะลา) พร้อมระบบสมาชิกแบบมีระดับ ข่าวสาร และ Direct Message แบบเรียลไทม์ **Stack:** Next.js 14 (App Router) · Supabase (Auth / Postgres / Storage / Realtime) · Tailwind CSS > เอกสารวิเคราะห์/ออกแบบ/แผนฉบับเต็มอยู่ที่ [`KAWAN2_PLAN.md`](./KAWAN2_PLAN.md) --- ## ฟีเจอร์ที่มีในโค้ดชุดนี้ - 🔐 **Auth** — สมัคร/เข้าสู่ระบบด้วยอีเมล, สร้าง profile อัตโนมัติผ่าน trigger - 🏅 **ระบบสมาชิก + Level** — Bronze → Silver → Gold → Platinum เลื่อนระดับอัตโนมัติตามคะแนน - 💬 **เว็บบอร์ด** — หมวดหมู่, สร้าง/อ่าน/ตอบกระทู้, กดไลก์ (พร้อมให้คะแนนอัตโนมัติ) - 📰 **ข่าวสาร** — หน้าแรกแสดงข่าวเด่น + กระทู้ล่าสุด (ISR), หน้ารายละเอียดข่าว - 📨 **Direct Message** — แชทส่วนตัวเรียลไทม์ผ่าน Supabase Realtime - 👤 **โปรไฟล์** — badge, achievement, progress bar ระดับสมาชิก - 🏆 **หอเกียรติยศ** — จัดอันดับสมาชิกตามคะแนน - 🔔 **การแจ้งเตือน** — DM / ตอบกระทู้ / เลื่อนระดับ - 🛡️ **RLS ครบทุกตาราง** — ความปลอดภัยที่ระดับฐานข้อมูล หน้า กิจกรรม (Events) และ ตลาดซื้อขาย (Marketplace) เป็น placeholder สำหรับ Phase 2–3 --- ## เริ่มต้นใช้งาน ### 1. ติดตั้ง dependencies ```bash npm install ``` ### 2. ตั้งค่า Supabase สร้างโปรเจกต์ที่ [supabase.com](https://supabase.com) แล้วคัดลอกค่า: ```bash cp .env.example .env.local ``` แก้ `.env.local` ใส่ค่าจาก **Project Settings → API**: ``` NEXT_PUBLIC_SUPABASE_URL=https://xxxx.supabase.co NEXT_PUBLIC_SUPABASE_ANON_KEY=... SUPABASE_SERVICE_ROLE_KEY=... NEXT_PUBLIC

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