Deployment & Produksi Next.js
Deployment Vercel, Docker, variabel lingkungan, strategi caching, monitoring, logging
1Apa itu Vercel Platform dalam konteks deployment Next.js?
Apa itu Vercel Platform dalam konteks deployment Next.js?
Jawaban
Vercel Platform adalah platform cloud-native yang dirancang khusus untuk Next.js, menawarkan deployment zero-config dengan deteksi framework otomatis. Platform ini mengoptimalkan build secara otomatis, mengkonfigurasi Edge Network global, dan mengaktifkan caching cerdas tanpa konfigurasi manual. Berbeda dengan solusi generik seperti AWS atau Azure, Vercel dioptimalkan untuk fitur Next.js seperti ISR, Middleware, dan Server Components dengan performa maksimal.
2Bagaimana cara mengekspos variabel lingkungan ke browser di Next.js?
Bagaimana cara mengekspos variabel lingkungan ke browser di Next.js?
Jawaban
Variabel dengan prefiks NEXT_PUBLIC_ secara otomatis diekspos ke klien dan disertakan dalam bundle JavaScript saat build. Variabel tanpa prefiks ini tetap di sisi server dan tidak pernah dikirim ke browser, menjamin keamanan secrets. Perbedaan ini memungkinkan pengelolaan API key publik seperti NEXT_PUBLIC_STRIPE_KEY sambil melindungi secrets sensitif seperti kunci privat Stripe.
3Apa perintah untuk membuat production build Next.js?
Apa perintah untuk membuat production build Next.js?
Jawaban
Perintah next build menghasilkan versi produksi yang dioptimalkan dari aplikasi, termasuk minifikasi kode, optimisasi gambar, pembuatan halaman statis, dan bundling aset. Langkah ini sangat penting sebelum deployment karena menghasilkan folder .next yang berisi semua file yang dioptimalkan. Perintah next start kemudian menjalankan server produksi menggunakan build yang dioptimalkan ini.
Image Docker mana yang digunakan sebagai dasar untuk mengkontainerisasi Next.js?
Di mana mengkonfigurasi variabel lingkungan di Vercel?
+17 pertanyaan wawancara
Topik wawancara React / Next.js lainnya
Dasar-Dasar JavaScript
Dasar-Dasar React
React Hooks
Siklus hidup komponen
React Router
Manajemen state dengan Context
Form & Controlled Components
Pengambilan Data & API
React Query (TanStack Query)
Styling & CSS-in-JS
Dasar-dasar Next.js
TypeScript dengan React
Data Fetching Next.js
Server Actions Next.js
Routing & Navigasi Next.js
API Routes Next.js
Metadata & SEO di Next.js
Middleware & Auth di Next.js
Pengujian React
Zustand State Management
Optimasi Performa React
Error Boundaries & Error Handling
Advanced React Patterns
Fitur Lanjutan Next.js
Architecture & Design Patterns
React Server Components
Internasionalisasi Next.js
Keamanan React & Praktik Terbaik
Kuasai React / Next.js untuk wawancara berikutnya
Akses semua pertanyaan, flashcards, tes teknis, latihan code review dan simulator wawancara.
Mulai gratis