Triển khai Nuxt & CI/CD
Quy trình build, Vercel, Netlify, máy chủ Node.js, hosting tĩnh, biến môi trường, pipeline CI/CD, GitHub Actions, kiểm thử tự động
1Nitro trong bối cảnh Nuxt 3 là gì?
Nitro trong bối cảnh Nuxt 3 là gì?
Câu trả lời
Nitro là engine máy chủ của Nuxt 3 cho phép tạo các bản build được tối ưu hóa cho nhiều nền tảng khác nhau. Nó hỗ trợ SSR, SSG và rendering lai với route rules. Nitro biên dịch mã máy chủ thành một bundle duy nhất nhẹ và tối ưu, tương thích với Node.js, Deno, Cloudflare Workers và các runtime serverless khác.
2Lệnh nào được sử dụng để tạo phiên bản tĩnh hoàn chỉnh của một ứng dụng Nuxt?
Lệnh nào được sử dụng để tạo phiên bản tĩnh hoàn chỉnh của một ứng dụng Nuxt?
Câu trả lời
Lệnh nuxi generate prerender tất cả các route của ứng dụng và tạo ra các file HTML tĩnh. Cách tiếp cận này lý tưởng cho các trang có nội dung chủ yếu là tĩnh và có thể được host trên CDN. Kết quả có thể được triển khai trên các dịch vụ như Netlify, Vercel hoặc GitHub Pages mà không cần máy chủ Node.js.
3Sự khác biệt chính giữa nuxi build và nuxi generate là gì?
Sự khác biệt chính giữa nuxi build và nuxi generate là gì?
Câu trả lời
Lệnh nuxi build tạo ra một máy chủ Node.js có khả năng rendering phía máy chủ theo yêu cầu, trong khi nuxi generate prerender tất cả các trang thành HTML tĩnh tại thời điểm build. Bản build máy chủ cho phép nội dung động và API routes, trong khi generate tạo ra các file tĩnh được tối ưu cho CDN nhưng không có khả năng rendering động.
Nên ưu tiên chế độ render nào cho một blog có nội dung được cập nhật hàng ngày?
Vercel tự động phát hiện một dự án là ứng dụng Nuxt như thế nào?
+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
SSR & SSG trong Nuxt
Server Routes Nuxt
Module Nuxt
Composables trong Vue
Form & Validation Vue
Quản lý trạng thái Nuxt
Testing trong Vue
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í