Question 1

Nitro ในบริบทของ Nuxt 3 คืออะไร?

Accepted Answer

Nitro คือเอนจินฝั่งเซิร์ฟเวอร์ของ Nuxt 3 ที่ช่วยให้สร้าง build ที่ถูกปรับให้เหมาะกับแพลตฟอร์มต่าง ๆ ได้ รองรับ SSR, SSG และการเรนเดอร์แบบไฮบริดด้วย route rules โดย Nitro จะคอมไพล์โค้ดฝั่งเซิร์ฟเวอร์เป็น bundle เดียวที่เบาและถูกปรับให้เหมาะสม ซึ่งเข้ากันได้กับ Node.js, Deno, Cloudflare Workers และ serverless runtime อื่น ๆ

Question 2

ใช้คำสั่งใดเพื่อสร้างเวอร์ชันสแตติกที่สมบูรณ์ของแอปพลิเคชัน Nuxt?

Accepted Answer

คำสั่ง nuxi generate จะ prerender ทุก route ของแอปพลิเคชันและสร้างไฟล์ HTML แบบสแตติก แนวทางนี้เหมาะอย่างยิ่งสำหรับเว็บไซต์ที่มีเนื้อหาส่วนใหญ่เป็นแบบสแตติกซึ่งสามารถโฮสต์บน CDN ได้ ผลลัพธ์สามารถ deploy บนบริการอย่าง Netlify, Vercel หรือ GitHub Pages ได้โดยไม่ต้องใช้เซิร์ฟเวอร์ Node.js

Question 3

ความแตกต่างหลักระหว่าง nuxi build และ nuxi generate คืออะไร?

Accepted Answer

คำสั่ง nuxi build จะสร้างเซิร์ฟเวอร์ Node.js ที่สามารถทำการเรนเดอร์ฝั่งเซิร์ฟเวอร์แบบตามคำขอได้ ในขณะที่ nuxi generate จะ prerender ทุกหน้าเป็น HTML แบบสแตติกในตอน build การ build แบบเซิร์ฟเวอร์รองรับเนื้อหาแบบไดนามิกและ API routes ส่วน generate จะสร้างไฟล์สแตติกที่ถูกปรับให้เหมาะกับ CDN แต่ไม่มีความสามารถในการเรนเดอร์แบบไดนามิก

การ Deploy Nuxt และ CI/CD

Nitro ในบริบทของ Nuxt 3 คืออะไร?

คำตอบ

ใช้คำสั่งใดเพื่อสร้างเวอร์ชันสแตติกที่สมบูรณ์ของแอปพลิเคชัน Nuxt?

คำตอบ

ความแตกต่างหลักระหว่าง nuxi build และ nuxi generate คืออะไร?

คำตอบ

ควรเลือกใช้โหมดการเรนเดอร์ใดสำหรับบล็อกที่มีเนื้อหาอัปเดตทุกวัน?

Vercel ตรวจจับโดยอัตโนมัติว่าโปรเจกต์เป็นแอปพลิเคชัน Nuxt ได้อย่างไร?

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

พื้นฐาน JavaScript

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

พื้นฐาน Vue

คอมโพเนนต์ Vue

Vue Router

Pinia State Management

Vuex (Legacy)

Composition API

ระบบ Reactivity ของ Vue

พื้นฐาน Nuxt

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

SSR และ SSG ใน Nuxt

Server Routes ของ Nuxt

โมดูล Nuxt

Composables ใน Vue

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

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

การทดสอบ Vue

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

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

TypeScript กับ Vue

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

SEO ด้วย Nuxt

การทำ Internationalization ใน Nuxt

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

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

ระบบนิเวศ Vue

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

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