SSR & SSG Nuxt
Server-side rendering, static generation, hybrid rendering, prerendering, route rules, nitro
1Apa itu Server-Side Rendering (SSR) di Nuxt?
Apa itu Server-Side Rendering (SSR) di Nuxt?
Jawaban
SSR menghasilkan HTML lengkap di server pada setiap permintaan, lalu mengirimkannya ke klien. Ini meningkatkan SEO karena mesin pencari menerima konten HTML yang langsung dapat diakses, dan juga meningkatkan waktu hingga first paint. SSR adalah mode rendering default di Nuxt 3, tidak seperti rendering sisi klien di mana JavaScript menghasilkan konten di browser.
2Apa itu Static Site Generation (SSG) di Nuxt?
Apa itu Static Site Generation (SSG) di Nuxt?
Jawaban
SSG menghasilkan semua halaman sebagai HTML statis saat build, sehingga file yang sudah dibuat sebelumnya dapat disajikan dengan sangat cepat. Pendekatan ini ideal untuk situs dengan konten yang tidak sering berubah, seperti blog atau dokumentasi. Di Nuxt 3, menggunakan nuxt generate mengaktifkan SSG, membuat file HTML untuk setiap rute yang dikonfigurasi.
3Perintah Nuxt mana yang harus digunakan untuk menghasilkan situs statis?
Perintah Nuxt mana yang harus digunakan untuk menghasilkan situs statis?
Jawaban
Perintah nuxt generate (atau npm run generate jika dikonfigurasi di package.json) memicu pembuatan statis semua halaman. Nuxt menelusuri rute dan membuat file HTML untuk masing-masing, yang ditempatkan di folder .output/public. Perintah ini digunakan untuk deploy ke hosting statis seperti Netlify, Vercel, atau GitHub Pages.
Apa keunggulan utama SSR untuk SEO?
Apa itu hybrid rendering di Nuxt?
+19 pertanyaan wawancara
Topik wawancara Vue.js / Nuxt.js lainnya
Dasar-Dasar JavaScript
JavaScript Modern (ES6+)
Dasar-Dasar Vue
Komponen Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Reaktivitas Vue
Dasar-Dasar Nuxt
Data Fetching Nuxt
Server Routes Nuxt
Modul Nuxt
Composable Vue
Form & Validasi Vue
Manajemen State Nuxt
Testing Vue
Deployment Nuxt & CI/CD
Performa Vue
Pola Lanjutan Vue
TypeScript dengan Vue
Autentikasi Nuxt
SEO dengan Nuxt
Internasionalisasi Nuxt
Arsitektur Vue
Keamanan Nuxt
Ekosistem Vue
Migrasi Vue 2→3 & Nuxt 2→3
Kuasai Vue.js / Nuxt.js untuk wawancara berikutnya
Akses semua pertanyaan, flashcards, tes teknis, latihan code review dan simulator wawancara.
Mulai gratis