Next.js
Cara men-deploy situs Next.js sebagai halaman statis secara gratis
Next.js sangat kuat, tetapi tidak setiap proyek membutuhkan server-side rendering. Jika situs Anda sebagian besar halaman statis, Anda dapat mengekspornya sebagai HTML biasa dan men-deploy-nya di mana saja—termasuk HTML To Link, yang memberi Anda URL publik gratis dalam kurang dari satu menit.
Aktifkan ekspor statis di Next.js
Tambahkan output: 'export' ke next.config.mjs Anda. Ini memberi tahu Next.js untuk menghasilkan situs statis lengkap di direktori out/ saat Anda menjalankan npx next build.
Tanpa rute API, tanpa komponen server dengan data dinamis, tanpa middleware—hanya HTML, CSS, dan JavaScript murni yang berjalan di browser apa pun.
- // next.config.mjs
- export default { output: 'export' }
- Lalu jalankan: npx next build
- File statis muncul di direktori out/
Deploy direktori out/
ZIP folder out/ dan unggah ke HTML To Link. Atur file entri ke index.html. Anda langsung mendapatkan URL langsung.
Atau, gunakan server MCP dengan flag --next: npx htmltolink-mcp deploy --next. Ini menangani build dan unggahan secara otomatis.
- Manual: ZIP out/ → unggah → pilih index.html → publikasikan
- CLI: npx htmltolink-mcp deploy --next (build + unggah otomatis)
- Agen: beri tahu Cursor 'deploy proyek Next.js ini'
Kapan ekspor statis cocok
Landing page, situs dokumentasi, portofolio, pratinjau blog, halaman pemasaran, dan frontend buatan AI semuanya kandidat yang bagus.
Jika Anda membutuhkan SSR, rute API, atau kueri database saat permintaan, tetap gunakan Vercel atau server Node. Untuk selain itu, ekspor statis + HTML To Link adalah jalur gratis tercepat.
FAQ
Apakah saya perlu mengubah kode Next.js saya?
Hanya jika Anda menggunakan fitur khusus server (rute API, getServerSideProps, middleware). Halaman yang menggunakan getStaticProps atau komponen klien murni berfungsi apa adanya.
Bagaimana dengan gambar dan font?
Semuanya disertakan di direktori out/ secara otomatis. Pastikan Anda menggunakan jalur relatif atau loader next/image yang dikonfigurasi untuk ekspor statis.
Bisakah saya memperbarui situs nanti?
Ya. Build ulang dan unggah ulang ke tautan yang sama. URL tetap stabil di seluruh pembaruan.