Halo Semuanya, Kali ini Saya akan membagikan Cara Membuat Situs Web Dengan Cloudflare Pages, Kita akan Membuat sebuah Situs Web Sederhana dan menggunakan Cloudflare Pages sebagai Hosting.
Kali ini kita akan Menggunakan Metode Direct Upload dengan menggunakan Wrangler CLI.
Menginstall Node.js
Node.js adalah lingkungan runtime JavaScript gratis, Open Source, dan lintas platform yang memungkinkan pengembang membuat Server, Aplikasi Web, Alat Baris Perintah, dan Script.
Usahakan agar anda Menginstall Node.js Versi terbaru. Cara Penginstalannya adalah Seperti ini:
1. Kunjungi Situs Node.js dan Unduh Node.js Versi Terbaru.
2. Jalankan Penginstalan dan Ikuti Petunjuk pada Layar Penginstallan, Saat Anda Menginstall Node.js maka Anda juga akan Menginstall npm yang juga Dibutuhkan. (Anda dapat Melihat Video Tutorialnya melalui Video YouTube ini: https://youtu.be/NhOeuLUrCWM?si=3fjWWkZnXEL63GOo)
3. Untuk Mengecek Apakah Anda telah Menginstall Node.js dan npm dengan Sukses, Anda dapat Memasukkan Command node -v dan Memasukkan Command npm -v pada Terminal atau Command Prompt (Dengan Memasukkan Command ini, Maka Anda juga akan melihat Versi Node.js dan npm Anda).
Menginstall Wrangler
Setelah Node.js dan npm Diinstall, Selanjutnya kita akan Menginstall Wrangler.
Wrangler adalah Alat Baris Perintah untuk membangun dengan Produk Pengembang Cloudflare. Cara Penginstalannya adalah Seperti ini:
1. Buka Terminal atau Command Prompt.
2. Masukkan Command Berikut untuk Menginstall Wrangler:
npm install -g wrangler
3. Untuk Mengecek Apakah Anda telah Menginstall Wrangler dengan Sukses, Masukkan Command berikut pada Terminal atau Command Prompt:
wrangler --version
Login ke Wrangler
Hubungkan Akun Cloudflare Anda ke Wrangler dengan Cara Berikut.
1. Buka Terminal atau Command Prompt lalu Masukkan Command berikut:
wrangler login
2. Setelah itu, Browser akan terbuka dan membuka Sebuah Halaman untuk memberikan Akses Akun Cloudflare Anda, Masuk ke Akun Cloudflare anda dan Berikan Akses Izin ke Akun Cloudflare Anda.
3. Untuk mengecek Apakah anda telah Berhasil Login, Masukkan Command berikut:
wrangler whoami
Ini akan memberikan Informasi tentang Akun Cloudflare Anda.
Membuat Projek Cloudflare Pages
Selanjutnya, Kita akan Membuat Projek Pages Baru.
1. Masukkan Command berikut pada Terminal atau Command Prompt:
npx wrangler pages project create
Anda akan Diminta memasukkan Nama untuk Projek Cloudflare Pages kalian, Anda juga akan Diminta untuk Menentukan Production Branch.
Membuat Kode untuk Situs Web Anda
Selanjutnya, Anda akan Membuat Kode untuk Situs Web Anda.
Unduh File Dibawah:
Setelah Anda Mengunduh Filenya, Ekstrak Filenya dan Letakkan Hasil Ekstraknya Pada Direktori Desktop.
Setelah itu, Anda dapat Mengubah, Mengedit Kode dan Menambahkan serta Menghapus Kode yang Ada Didalamnya sesuai Keinginan Anda. Anda dapat Mengeditnya menggunakan Aplikasi Seperti Visual Studio Code atau Aplikasi Lainnya yang Anda Inginkan.
Mengupload Kode Situs Web Anda
Selanjutnya, Anda harus Mengunggah Kode yang Sebelumnya ke Projek Cloudflare Pages Anda yang telah Dibuat Sebelumnya.
1. Buka Terminal atau Command Prompt.
2. Lalu Masukkan Command Berikut untuk Berpindah Direktori ke Desktop:
cd Desktop/
Lalu Masukkan Command Berikut untuk Menggungah Kode Anda:
npx wrangler pages deploy pages-code
Anda mungkin akan Diminta untuk Memilih Opsi untuk Membuat Projek Pages baru atau Menggunakan Projek Pages yang telah Dibuat Sebelumnya, Anda dapat memilih untuk Menggunakan Projek Pages yang Dibuat Sebelumnya.
Setelah itu Anda dapat Mengunjungi Situs Anda dan Melihat Hasilnya.
Anda juga Dapat Menggunakan Domain Kustom untuk Situs Web Anda.
Laporkan Masalah
Jika Anda mengalami Masalah atau Ingin Memberikan Masukkan, Anda dapat Menghubungi Kami melalui Halaman Kontak
Kami akan Mencoba memperbaiki Masalah yang terjadi dan Melihat Masukkan Anda Sesegera Mungkin.
Penutup
Jadi Ini Adalah Postingan yang Membahas Tentang Cara Membuat Situs Web Dengan Cloudflare Pages. Saya harap Artikel ini dapat membantu anda, Jika ada yang ingin ditanyakan maka tanyakan Di Kolom Komentar.