เริ่มจากดูว่า SSR ของ Inertia ทำงานยังไงตอนเปิดหน้าครั้งแรก แล้วตั้งค่าให้ Inertia กับ React บน Laravel ใช้ SSR ได้ตั้งแต่เครื่องเราจนขึ้น production
- 1
วิธีการทำงานของ Inertia Server-side Rendering (SSR) บน Laravel
ตอนเปิดหน้าครั้งแรก Laravel ส่ง page JSON ให้ Node รัน React วาดเป็น HTML แล้วใส่ลงใน Blade เบราว์เซอร์เห็นเนื้อหาทันที จากนั้น React แค่ hydrate เกาะ HTML เดิม เมื่อคลิกไปหน้าอื่น Inertia จะรับแค่ JSON เหมือนเดิม และถ้า SSR ล่ม เว็บก็ยังเปิดได้ เพียงแต่ไม่มี HTML จาก server
· อ่าน 4 นาที
- 2
วิธีตั้งค่า SSR ให้ Inertia กับ React ใน Laravel ตั้งแต่เครื่องเราจนขึ้น production
Inertia v3 มี Vite plugin ที่ทำ SSR ให้ตอนพัฒนาโดยไม่ต้องเปิด Node แยก ส่วน production ต้อง build สองชุด รัน inertia:start-ssr ค้างไว้ด้วย supervisor และสั่งรีสตาร์ตทุกครั้งที่ deploy ไม่อย่างนั้น Node จะวาดหน้าด้วยโค้ดเก่า
· อ่าน 5 นาที