Nâng CaoVue.js iconVue.js

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

Xem toàn bộ Vue.js cùng filter theo level & chủ đề con.

Mở danh sách Vue.js