Nuxt SSR & SSG
Server-side rendering, static generation, hybrid rendering, prerendering, route rules, nitro
1What is Server-Side Rendering (SSR) in Nuxt?
What is Server-Side Rendering (SSR) in Nuxt?
คำตอบ
SSR generates the complete HTML on the server with each request, then sends it to the client. This improves SEO as search engines receive immediately accessible HTML content, and also improves time to first paint. SSR is the default rendering mode in Nuxt 3, unlike client-side rendering where JavaScript generates content in the browser.
2What is Static Site Generation (SSG) in Nuxt?
What is Static Site Generation (SSG) in Nuxt?
คำตอบ
SSG generates all pages as static HTML at build time, allowing pre-generated files to be served very quickly. This approach is ideal for sites with content that doesn't change often, like blogs or documentation. In Nuxt 3, using nuxt generate activates SSG, creating HTML files for each configured route.
3Which Nuxt command should be used to generate a static site?
Which Nuxt command should be used to generate a static site?
คำตอบ
The nuxt generate command (or npm run generate if configured in package.json) triggers static generation of all pages. Nuxt traverses routes and creates an HTML file for each, which is placed in the .output/public folder. This command is used to deploy on static hosts like Netlify, Vercel or GitHub Pages.
What is the main advantage of SSR for SEO?
What is hybrid rendering in Nuxt?
+19 คำถามสัมภาษณ์
หัวข้อสัมภาษณ์ Vue.js / Nuxt.js อื่นๆ
JavaScript Fundamentals
Modern JavaScript (ES6+)
Vue Basics
Vue Components
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Vue Reactivity
Nuxt Fundamentals
Nuxt Data Fetching
Nuxt Server Routes
Nuxt Modules
Vue Composables
Vue Forms & Validation
Nuxt State Management
Vue Testing
Nuxt Deployment & CI/CD
Vue Performance
Vue Advanced Patterns
TypeScript with Vue
Nuxt Authentication
SEO with Nuxt
Nuxt Internationalization
Vue Architecture
Nuxt Security
Vue Ecosystem
Migration Vue 2→3 & Nuxt 2→3
เชี่ยวชาญ Vue.js / Nuxt.js สำหรับการสัมภาษณ์ครั้งถัดไป
เข้าถึงคำถามทั้งหมด flashcards แบบทดสอบเทคนิค แบบฝึกหัด code review และตัวจำลองสัมภาษณ์
เริ่มใช้ฟรี