Hua Saphan Care

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

https://huasaphan-care.pages.dev # Hua Saphan Care ระบบรับเรื่องและแก้ปัญหาชุมชนหัวสะพาน บ้านหัวสะพาน หมู่ที่ 1 ตำบลเวียงสระ อำเภอเวียงสระ จังหวัดสุราษฎร์ธานี > เอกสาร README.md ฉบับนี้ใช้เป็นเอกสารกลางสำหรับกำกับ ควบคุม วาง Roadmap และลงมือสร้างเว็บแอพ `Hua Saphan Care` อย่างเป็นระบบ เป็นลำดับ และสามารถนำไปวางใน GitHub repository ได้โดยตรง --- ## 1. สรุปการตัดสินใจโครงสร้างระบบ โครงการนี้เลือกใช้แนวทาง **ทางเลือก A: เรียบง่ายที่สุด เหมาะกับเริ่มทำจริง** ```txt Cloudflare Pages + Pages Functions + D1 + R2 Frontend และ Backend อยู่ใน GitHub repo เดียวกัน เริ่มด้วย HTML/CSS/JavaScript ธรรมดา ยังไม่เริ่มด้วย React/Vite จนกว่าระบบจะใหญ่และซับซ้อนจริง ``` ### เหตุผลที่เลือกแนวทางนี้ - เหมาะกับผู้พัฒนาคนเดียวหรือทีมขนาดเล็ก - ลดความซับซ้อนจากการแยก frontend/backend เป็นหลายโปรเจกต์ - ใช้ GitHub repo เดียวควบคุมทั้งหน้าเว็บ, API, schema ฐานข้อมูล และเอกสาร - Deploy ง่ายผ่าน Cloudflare Pages - Pages Functions ทำหน้าที่เป็น API หลังบ้านได้โดยไม่ต้องมี Server/VPS - D1 ใช้เก็บข้อมูลตาราง เช่น users, reports, categories, updates, feedback - R2 ใช้เก็บรูปภาพและไฟล์แนบ ไม่เก็บไฟล์ใหญ่ไว้ในฐานข้อมูล - สามารถขยายไปเป็น Workers แยก หรือ React/Vite ภายหลังได้ --- ## 2. ข้อมูลยืนยันโครงการ | รายการ | ค่าที่ใช้ | |---|---| | ชื่อระบบ | `Hua Saphan Care` | | URL ที่ต้องการใช้จริง | `https://huasaphan-care.pages.dev` | | อีเมลโครงการ | `huasaphan2026@gmail.com` | | สถาปัตยกรรม | Cloudflare Pages + Pages Functions + D1 + R2 | | Frontend เริ่มต้น | HTML/CSS/JavaScript | | Backend/API เริ่มต้น | Cloudflare Pages Functio

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