Render di server, bukan cuma di browser
Nitro menjalankan halaman ini sebagai serverless function, jadi konten tetap terkirim lengkap meski JavaScript belum sempat jalan di sisi klien.
Satu halaman Nuxt JS, siap jalan sebagai fungsi serverless di Vercel.
Template ini sudah dibungkus dengan struktur Nuxt 4 dan preset Nitro untuk Vercel. Tinggal ganti konten, push, lalu deploy — tanpa perlu mengutak-atik konfigurasi server.
Kenapa starter ini
Struktur app/ ala Nuxt 4
Kode klien (halaman, komponen, layout) dipisah rapi dari kode server, supaya editor dan file watcher kamu tidak bingung membedakan keduanya.
Nol konfigurasi tambahan
Tidak perlu vercel.json atau builder khusus. Import repo ini ke Vercel dan preset serverless-nya langsung terpakai.
Tiga langkah ke production
- 1
Push ke Git
Inisialisasi repo, commit, lalu push ke GitHub, GitLab, atau Bitbucket.
- 2
Import di Vercel
Buka dashboard Vercel, pilih "Add New Project", lalu arahkan ke repo ini. Framework preset "Nuxt.js" akan terdeteksi otomatis.
- 3
Deploy
Vercel menjalankan `nuxt build`, membungkus server Nitro sebagai serverless function, dan memberimu URL production.
Ganti konten ini dengan produkmu sendiri
Edit app/app.vue, sesuaikan warna dan teks, lalu jalankan npm run dev untuk melihat perubahan secara langsung.