SSR & SSG trong Nuxt
Server-side rendering, static generation, hybrid rendering, prerendering, route rules, nitro
1Server-Side Rendering (SSR) trong Nuxt là gì?
Server-Side Rendering (SSR) trong Nuxt là gì?
Câu trả lời
SSR tạo ra HTML hoàn chỉnh trên máy chủ với mỗi yêu cầu, rồi gửi đến client. Điều này cải thiện SEO vì các công cụ tìm kiếm nhận được nội dung HTML có thể truy cập ngay lập tức, đồng thời cải thiện thời gian đến first paint. SSR là chế độ render mặc định trong Nuxt 3, khác với render phía client nơi JavaScript tạo nội dung trong trình duyệt.
2Static Site Generation (SSG) trong Nuxt là gì?
Static Site Generation (SSG) trong Nuxt là gì?
Câu trả lời
SSG tạo ra tất cả các trang dưới dạng HTML tĩnh tại thời điểm build, cho phép phục vụ các tệp được tạo sẵn rất nhanh. Cách tiếp cận này lý tưởng cho các trang có nội dung không thay đổi thường xuyên, như blog hoặc tài liệu. Trong Nuxt 3, sử dụng nuxt generate sẽ kích hoạt SSG, tạo các tệp HTML cho mỗi route đã cấu hình.
3Nên dùng lệnh Nuxt nào để tạo một trang tĩnh?
Nên dùng lệnh Nuxt nào để tạo một trang tĩnh?
Câu trả lời
Lệnh nuxt generate (hoặc npm run generate nếu được cấu hình trong package.json) kích hoạt việc tạo tĩnh tất cả các trang. Nuxt duyệt qua các route và tạo một tệp HTML cho mỗi route, được đặt trong thư mục .output/public. Lệnh này được dùng để triển khai lên các dịch vụ lưu trữ tĩnh như Netlify, Vercel hoặc GitHub Pages.
Lợi ích chính của SSR đối với SEO là gì?
Hybrid rendering trong Nuxt là gì?
+19 câu hỏi phỏng vấn
Các chủ đề phỏng vấn Vue.js / Nuxt.js khác
Kiến thức nền tảng JavaScript
JavaScript hiện đại (ES6+)
Kiến thức cơ bản về Vue
Component Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Tính reactive của Vue
Kiến thức cơ bản về Nuxt
Data Fetching trong Nuxt
Server Routes Nuxt
Module Nuxt
Composables trong Vue
Form & Validation Vue
Quản lý trạng thái Nuxt
Testing trong Vue
Triển khai Nuxt & CI/CD
Hiệu năng Vue
Các mẫu nâng cao trong Vue
TypeScript với Vue
Xác thực Nuxt
SEO với Nuxt
Quốc tế hóa trong Nuxt
Kiến trúc Vue
Bảo mật Nuxt
Hệ sinh thái Vue
Di chuyển Vue 2→3 & Nuxt 2→3
Nắm vững Vue.js / Nuxt.js cho lần phỏng vấn tiếp theo
Truy cập tất cả câu hỏi, flashcards, bài kiểm tra kỹ thuật, bài tập code review và mô phỏng phỏng vấn.
Bắt đầu miễn phí