พูนพูน (PoonPoon)

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

🪙 พูนพูน (PoonPoon) - แอปบันทึกเงินออมและรายจ่ายสไตล์ Cute & Minimal Pastel พัฒนาด้วย Next.js (App Router), Tailwind CSS, TypeScript และ Supabase พร้อมรองรับ PWA https://poonpoon-project.vercel.app # พูนพูน (PoonPoon) 🪙 แอปพลิเคชันบันทึกเงินออมและรายจ่ายส่วนบุคคล/ครอบครัวขนาดเล็ก ด้วยดีไซน์สไตล์ **Cute & Minimal Pastel** โทนสีอบอุ่น ละมุนตา ใช้งานง่ายเหมาะสำหรับทุกเพศทุกวัย และเสริมความปลอดภัยสูงสุดด้วยระบบ Server-Side Validation และ Supabase Row Level Security (RLS) --- ## 1. ข้อมูลภาพรวมโครงการ & เทคโนโลยี (Tech Stack) * **Core Framework**: [Next.js 16 (App Router)](https://nextjs.org/) * **Language**: [TypeScript](https://www.typescriptlang.org/) (Strict Mode) * **Styling**: [Tailwind CSS v4](https://tailwindcss.com/) * **Database & Auth**: [Supabase](https://supabase.com/) (PostgreSQL + GoTrue Auth) * **App Shell / Mobile Ready**: Progressive Web App (PWA) สนับสนุนโดย `@ducanh2912/next-pwa` * **Data Validation**: [Zod](https://zod.dev/) --- ## 2. ตัวแปรสภาพแวดล้อม (Environment Variables) สำหรับการรันบนเครื่อง Local หรือ Deploy บน Vercel ให้ตั้งค่าไฟล์ `.env.local` หรือ Environment Variables ดังนี้: ```env # Supabase Configuration NEXT_PUBLIC_SUPABASE_URL=https://your-project-id.supabase.co NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY=your-publishable-key ``` > [!NOTE] > แอปพลิเคชันมีระบบ **Mock Mode Fallback** อัตโนมัติ หากไม่มีการตั้งค่าคีย์เหล่านี้ ระบบจะสลับไปบันทึกข้อมูลในหน่วยความจำชั่วคราวฝั่งเบราว์เซอร์แทน เพื่อให้อินเตอร์เฟซผู้ใช้ยังสามารถเปิดแสดงตัวอย่างการใช้งานแบบสมบูรณ์ได้โดยไม่แครช --- ## 3. โครงสร้างฐานข้อมูล (Database Schema & Security) ระบบเปิดใช้งาน **Row Level Security (RLS)** ในตารางทั้งหมดบน Supabase เพื่อควบคุมสิทธิ์ไม่ให้ผู้ใช้สวมรอยหรือสอ

โดย napapat-toy · ดูโพสต์ต้นทาง