คืออะไร การสร้างเว็บไซต์แบบ Static
การสร้างหน้าแบบ static ในเวลา build
SSG (Static Site Generation) เป็นแนวทางในการสร้างเว็บไซต์ที่หน้า HTML ถูกสร้างล่วงหน้าระหว่างกระบวนการ build แทนที่จะสร้างแบบไดนามิกในทุกคำขอ
ข้อดี
- ความเร็ว — หน้าโหลดทันที
- SEO — เนื้อหาทั้งหมดเห็นได้โดยเครื่องมือค้นหา
- ความปลอดภัย — ไม่มีโลจิกฝั่งเซิร์ฟเวอร์
- ความสามารถในการขยาย — ให้บริการผ่าน CDN ได้ง่าย
เมื่อไหร่ควรใช้
- บล็อกและเอกสาร
- หน้า landing การตลาด
- พอร์ตโฟลิโอและนามบัตร
- แคตตาล็อกสินค้า
เฟรมเวิร์ก
- Next.js — React + SSG/SSR
- Gatsby — React + GraphQL
- Astro — multi-framework
- Hugo — Go, เร็วมาก
- 11ty — JavaScript, ยืดหยุ่น
ข้อเสีย
- เวลา build เพิ่มขึ้นตามจำนวนหน้า
- ไม่เหมาะสำหรับเนื้อหาที่อัปเดตบ่อย
- ต้อง rebuild เมื่อมีการเปลี่ยนแปลง
โซลูชันไฮบริด
- ISR (Incremental Static Regeneration)
- On-demand revalidation
- การรวม SSG + SSR