Angular SSR (เรียกว่า Angular Universal ในอดีต) render HTML ของแอปพลิเคชันของคุณ บนเซิร์ฟเวอร์ สำหรับคำขอเริ่มต้น แทนที่จะส่งหน้าว่างที่เบราว์เซอร์ต้องเติมด้วย JavaScript ซึ่งจะช่วยปรับปรุง SEO, ประสิทธิ์การทำงานที่รับรู้ได้ และการวาดครั้งแรก
ปัญหาที่ SSR แก้ไข
Client-side rendering (default SPA):
Server sends empty <app-root></app-root> + JS bundle →
browser downloads & runs Angular → THEN content appears
→ slow first paint; crawlers/social bots may see a blank page
Server-side rendering:
Server runs Angular, sends fully-rendered HTML →
content visible immediately → Angular "hydrates" it for interactivity
