SSR với Nuxt.js — Vue SSR hoạt động thế nào?

Nuxt.js là meta-framework cho Vue với SSR/SSG built-in. SSR flow:

1. Request đến server
2. Nuxt render Vue app thành HTML string
3. HTML được gửi cho client
4. Client hydration — Vue attach event listeners lên server-rendered HTML

Lợi ích: SEO tốt hơn, faster First Contentful Paint. Pitfall:

1. window/document không có ở server — wrap trong onMounted hoặc check import.meta.client (Nuxt 3 idiom; process.client là Nuxt 2 legacy)
2. State mismatch giữa server và client gây hydration error
3. onMounted không chạy server-side