Vue.js / Nuxt.js

SSR และ SSG ใน Nuxt

Server-side rendering, static generation, hybrid rendering, prerendering, route rules, nitro

22 คำถามสัมภาษณ์·
Mid-Level
1

Server-Side Rendering (SSR) ใน Nuxt คืออะไร?

คำตอบ

SSR สร้าง HTML ที่สมบูรณ์บนเซิร์ฟเวอร์ในแต่ละคำขอ จากนั้นส่งไปยังไคลเอ็นต์ ซึ่งช่วยปรับปรุง SEO เนื่องจากเครื่องมือค้นหาได้รับเนื้อหา HTML ที่เข้าถึงได้ทันที และยังช่วยปรับปรุงเวลาในการแสดงผลครั้งแรก (first paint) ด้วย SSR เป็นโหมดการเรนเดอร์เริ่มต้นใน Nuxt 3 ซึ่งต่างจากการเรนเดอร์ฝั่งไคลเอ็นต์ที่ JavaScript สร้างเนื้อหาในเบราว์เซอร์

2

Static Site Generation (SSG) ใน Nuxt คืออะไร?

คำตอบ

SSG สร้างทุกหน้าเป็น HTML แบบสแตติกในตอน build ทำให้สามารถเสิร์ฟไฟล์ที่สร้างไว้ล่วงหน้าได้อย่างรวดเร็วมาก แนวทางนี้เหมาะอย่างยิ่งสำหรับเว็บไซต์ที่มีเนื้อหาไม่เปลี่ยนแปลงบ่อย เช่น บล็อกหรือเอกสารประกอบ ใน Nuxt 3 การใช้ nuxt generate จะเปิดใช้งาน SSG โดยสร้างไฟล์ HTML สำหรับแต่ละ route ที่กำหนดค่าไว้

3

ควรใช้คำสั่ง Nuxt ใดในการสร้างเว็บไซต์แบบสแตติก?

คำตอบ

คำสั่ง nuxt generate (หรือ npm run generate หากกำหนดค่าไว้ใน package.json) จะกระตุ้นการสร้างแบบสแตติกของทุกหน้า Nuxt จะไล่ดู route ต่าง ๆ และสร้างไฟล์ HTML สำหรับแต่ละ route ซึ่งจะถูกวางไว้ในโฟลเดอร์ .output/public คำสั่งนี้ใช้สำหรับการดีพลอยไปยังโฮสติงแบบสแตติก เช่น Netlify, Vercel หรือ GitHub Pages

4

ข้อได้เปรียบหลักของ SSR สำหรับ SEO คืออะไร?

5

Hybrid rendering ใน Nuxt คืออะไร?

+19 คำถามสัมภาษณ์

หัวข้อสัมภาษณ์ Vue.js / Nuxt.js อื่นๆ

พื้นฐาน JavaScript

Junior
20 คำถาม

JavaScript สมัยใหม่ (ES6+)

Junior
20 คำถาม

พื้นฐาน Vue

Junior
22 คำถาม

คอมโพเนนต์ Vue

Junior
20 คำถาม

Vue Router

Junior
18 คำถาม

Pinia State Management

Junior
20 คำถาม

Vuex (Legacy)

Mid-Level
15 คำถาม

Composition API

Mid-Level
24 คำถาม

ระบบ Reactivity ของ Vue

Mid-Level
20 คำถาม

พื้นฐาน Nuxt

Mid-Level
22 คำถาม

การดึงข้อมูล (Data Fetching) ใน Nuxt

Mid-Level
20 คำถาม

Server Routes ของ Nuxt

Mid-Level
20 คำถาม

โมดูล Nuxt

Mid-Level
18 คำถาม

Composables ใน Vue

Mid-Level
20 คำถาม

ฟอร์มและการตรวจสอบ Vue

Mid-Level
20 คำถาม

การจัดการสถานะใน Nuxt

Mid-Level
18 คำถาม

การทดสอบ Vue

Mid-Level
20 คำถาม

การ Deploy Nuxt และ CI/CD

Mid-Level
22 คำถาม

ประสิทธิภาพของ Vue

Senior
22 คำถาม

รูปแบบขั้นสูงของ Vue

Senior
24 คำถาม

TypeScript กับ Vue

Senior
22 คำถาม

การยืนยันตัวตน Nuxt

Senior
20 คำถาม

SEO ด้วย Nuxt

Senior
20 คำถาม

การทำ Internationalization ใน Nuxt

Senior
18 คำถาม

สถาปัตยกรรม Vue

Senior
22 คำถาม

ความปลอดภัยของ Nuxt

Senior
20 คำถาม

ระบบนิเวศ Vue

Senior
18 คำถาม

การย้าย Vue 2→3 & Nuxt 2→3

Senior
22 คำถาม

เชี่ยวชาญ Vue.js / Nuxt.js สำหรับการสัมภาษณ์ครั้งถัดไป

เข้าถึงคำถามทั้งหมด flashcards แบบทดสอบเทคนิค แบบฝึกหัด code review และตัวจำลองสัมภาษณ์

เริ่มใช้ฟรี