Jika kamu sudah membuat aplikasi Next.JS dan ingin langsung deploy online tanpa menggunakan hosting, kamu bisa deploy Next.JS ke CloudFlare Workers yang caranya akan dibahas dalam tutorial halaman ini.
Keuntungan menggunakan CloudFlare Workers ini tentunya, kamu tidak perlu langsung membeli domain, atau bahkan hosting, serta bisa dilakukan proses build seperti ketika menggunakan Vercel.
Sebelum memulai, tutorial ini akan menggunakan Next.js yang disimpan di Github untuk mempermudah CI/CD juga, sehingga jika project kamu nantinya akan sering update script, disarankan menggunakan Github atau Gitlab, ya!
Sebelum kamu push kode ke git dan deploy ke cloudflare, pastikan kamu sudah menambahkan OpenNext dan Wrangler dulu di package.json
npm install @opennextjs/cloudflare@latestnpm install --save-dev wrangler@latestJika di dependensi OpenNext dan Wrangler sudah ada di package.json, kamu bisa langsung push kodenya ke git, atau jika di git sudah ada kedua dependensi tersebut, kamu bisa langsung ke langkah berikutnya.
Sekarang kamu bisa login ke CloudFlare, kemudian buka menu Build > Compute > Workers & Page, kemdian klik tombol Create Application.
Selanjutnya kamu bisa menghubungkan Github atau Gitlab dulu, atau jika sudah dihubungkan, kamu bisa langsung memilih opsi Continue with github/gitlab, dan memilih repository yang akan kamu gunakan
Sekarang kamu bisa melakukan setup aplikasi, dengan beberapa opsi dasar seperti build, dan deploy command. Jika menggunakan Next.js, kamu bisa menggunakan npm run build untuk build command dan untuk Deploy Command bisa dibiarkan default
Jika di projectmu ada .env, kamu perlu menambahkannya juga dengan cara klik opsi Advanced, kemudian isi bagian Variable Name dan Variable Value. Untuk variable sensitif, pastikan untuk mengaktifkan opsi Encrypt.
Jika semuanya sudah diisi dan sudah lengkap, kamu bisa klik Deploy dan tunggu prosesnya.
Setelah proses build selesai dan sukses, kamu bisa akses websitemu yang menggunakan subdomain dari cloudflare. Kamu bisa memeriksa atau menambahkan domain dari menu Settings di Workers yang sudah kamu buat
Itulah cara mudah untuk deploy project Next.js kamu ke CloudFlare Workers dengan mudah.
KOMENTAR
Memuat...