ใน EP.4 เราจะนำข้อมูลที่บันทึกไว้ใน Supabase กลับมาแสดงบนหน้าเว็บไซต์ เพื่อให้ระบบรายรับ–รายจ่ายเริ่มทำงานกับข้อมูลจริงมากขึ้น 🚀
จากตอนก่อนที่เราเชื่อมต่อ Supabase และเตรียมโครงสร้างข้อมูลไว้แล้ว ตอนนี้เราจะนำข้อมูลเหล่านั้นมาแสดงเป็นรายการ Transaction พร้อมคำนวณข้อมูลสรุปที่จำเป็นสำหรับหน้า Dashboard
📌 เนื้อหาในคลิป
• ดึงข้อมูลรายรับ–รายจ่ายจาก Supabase
• นำข้อมูลจาก Database มาแสดงบนหน้าเว็บไซต์
• แสดงรายการ Transaction
• คำนวณยอดรวมรายรับ รายจ่าย และยอดคงเหลือ
🛠️ Tech Stack
• Next.js
• TypeScript
• Supabase
• Codex
• AI / Vibe Coding