กลับไปห้องเรียน

Stack ทำเว็บขึ้น Production

ชุดเครื่องมือที่ใช้พาเว็บขึ้นออนไลน์จริง ตั้งแต่ Domain, Deploy, Database, เก็บโค้ด ไปจนถึง Email ระบบ

บริการแต่ละตัวเชื่อมกันยังไง

ภาพรวมเครื่องมือที่ใช้ทำเว็บขึ้น Productionโค้ด, deploy, ฐานข้อมูล, domain/security และ email ทำงานต่อกันเป็นระบบ1GitHubเก็บโค้ด2VercelDeploy เว็บ3Supabaseข้อมูลและ Login4CloudflareDNS และ Security5Resendอีเมลระบบเหมาะกับโปรเจกต์เริ่มต้นที่ต้องใช้งานจริง เพราะหลายส่วนเริ่มจาก Free tier ได้

แต่ละตัวใช้ทำอะไร

Cloudflare

ใช้จัดการ Domain, DNS, Security, CDN และ Cloudflare Workers บางส่วนสำหรับ logic เบา ๆ ที่ edge

ซื้อหลัก ๆ แค่ค่า Domain ประมาณ 10 USD/ปี ส่วนหลายบริการยังใช้ Free tier ได้

Vercel

ใช้ Deploy เว็บขึ้นออนไลน์ มี Preview ให้ทดสอบทุกครั้งที่ Push และมี Production สำหรับตัวจริง

ตอนนี้ยังใช้ฟรีได้สำหรับหลายโปรเจกต์เริ่มต้น

Supabase

ใช้ค่อนข้างเยอะ เพราะรวม Database, Login, Auth, Storage และ Backend หลายส่วนไว้ในที่เดียว โดยมี PostgreSQL อยู่เบื้องหลัง

มี Free tier ให้เริ่มใช้งานได้

GitHub

ช่วยกันงานหาย เก็บประวัติว่าแก้อะไรไปบ้าง และถ้าวันไหนแก้พังยังย้อนกลับไปดูของเดิมได้

ใช้เป็นที่เก็บ Project และ Source Code หลัก

Resend.com

ใช้ส่งอีเมลจากระบบ เช่น Invite ผู้ใช้งาน, Reset Password และ Email แจ้งเตือน โดยไม่ต้องตั้ง Mail Server เองตั้งแต่แรก

เลือกใช้ตัวนี้หลังจากลอง AWS Free แล้ว Verify ไม่ผ่าน

ทำไม Stack นี้ถึงเหมาะกับงานเริ่มต้น

1เริ่มทำเว็บจริงได้โดยยังไม่ต้องเช่าและดูแล Server เองตั้งแต่วันแรก
2Push โค้ดแล้วมี Preview ให้ตรวจ ก่อนปล่อย Production
3แยกหน้าที่ชัดเจน: ฐานข้อมูล, Login, ไฟล์, Security และ Email
4มีประวัติโค้ด ย้อนดูงานเดิมได้ ลดความเสี่ยงงานหายหรือแก้พัง

อยากวาง Stack เว็บหรือแอปให้เหมาะกับงาน?

TNGroup Soft Thailand ช่วยเลือกเครื่องมือ งบประมาณ และโครง Production ให้พร้อมใช้งานจริงได้

ติดต่อเรา