Cara Membuat Website di Cloudflare Tanpa Domain: Gratis, Cukup Drag and Drop
Banyak orang mengira membuat website harus beli domain dan sewa hosting dulu. Padahal untuk mencoba, belajar, membuat portofolio, atau halaman acara sekolah, Anda bisa langsung online tanpa membeli domain sama sekali. Cloudflare memberi alamat gratis seperti nama-web.pages.dev atau nama-web.namaakun.workers.dev, lengkap dengan gembok aman (HTTPS), dan web Anda dikirim dari server Cloudflare di seluruh dunia sehingga cepat dibuka.
Panduan ini membahas dua cara yang paling mudah, cukup dengan menarik dan melepas (drag and drop) folder website ke browser. Tidak perlu terminal, tidak perlu coding yang rumit.
Yang perlu disiapkan
- File website. Minimal satu file bernama
index.html. File ini adalah halaman depan web Anda. Kalau ada gambar, CSS, atau JavaScript, kumpulkan semuanya dalam satu folder. - Email untuk membuat akun Cloudflare (gratis, tanpa kartu kredit).
- Browser di laptop atau komputer. Cara drag and drop paling nyaman dilakukan dari laptop.
Belum punya file website? Buat file baru di Notepad, tempel kode di bawah, lalu simpan dengan nama index.html di dalam folder bernama web-saya:
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Web Pertama Saya</title>
<style>
body { font-family: sans-serif; text-align: center; padding: 40px; background: #f1f5f9; }
h1 { color: #4f46e5; }
</style>
</head>
<body>
<h1>Halo, ini web pertama saya!</h1>
<p>Dibuat gratis di Cloudflare, tanpa beli domain.</p>
</body>
</html>
Coba buka file itu dengan klik dua kali. Kalau tampil di browser, berarti file siap diunggah.
Cara 1: Cloudflare Drop (paling cepat, bisa tanpa daftar dulu)
Cloudflare Drop adalah cara tercepat untuk mencoba. Anda bahkan boleh mengunggah dulu sebelum punya akun.
- Buka cloudflare.com/drop.
- Tarik folder
web-saya(atau file .zip-nya) ke kotak unggah. Bisa juga hanya satu file .html, nanti otomatis dijadikan halaman depan. - Tunggu beberapa detik. Anda akan mendapat alamat web berakhiran
.workers.devyang langsung bisa dibuka siapa saja, beserta tautan klaim. - Penting: buka tautan klaim, lalu masuk atau daftar akun Cloudflare dan selesaikan langkahnya dalam 60 menit. Kalau tidak diklaim, web itu dihapus otomatis.
Setelah diklaim, web tersimpan permanen di akun Anda dan muncul di menu Workers & Pages. Jangan bagikan tautan klaim ke orang lain, karena siapa pun yang membukanya bisa mengambil alih web tersebut.
Cara 2: Cloudflare Pages lewat dashboard
Cara ini cocok kalau Anda sudah punya akun dan ingin alamat yang rapi, yaitu nama-proyek.pages.dev.
- Daftar atau masuk di dash.cloudflare.com, lalu konfirmasi email Anda.
- Di menu kiri, pilih Workers & Pages, lalu klik Create application.
- Pilih bagian Pages dengan klik Get started, lalu pilih Drag and drop your files.
- Isi nama proyek, misalnya
web-saya. Nama ini akan menjadi alamat web, jadi pakai huruf kecil dan tanda strip, tanpa spasi. - Klik Create project atau Deploy site, lalu tarik folder
web-saya(atau file .zip) ke kotak unggah. - Setelah unggahan selesai, klik Deploy site atau Save and Deploy. Dalam beberapa detik, web Anda online di
https://web-saya.pages.dev.
Kalau nama proyek sudah dipakai orang lain, Cloudflare akan menambahkan kode acak di belakangnya. Alamat yang dipakai selalu tertulis di halaman proyek setelah deploy.
Cara memperbarui isi web: buka proyek Anda di Workers & Pages, klik Create deployment (atau Create a new deployment), pilih Production, lalu unggah folder versi terbaru. Alamatnya tetap sama.
Batas versi gratis
- Unggah lewat drag and drop maksimal 1.000 file dan tiap file maksimal 25 MB.
- Satu akun boleh membuat hingga 100 proyek Pages.
- Halaman statis (HTML, CSS, gambar) tidak dibatasi jumlah pengunjungnya, jadi aman meski web Anda ramai.
Tips agar web tampil rapi
- Halaman depan wajib bernama
index.htmldan diletakkan langsung di dalam folder yang diunggah, bukan di dalam subfolder lagi. - Perhatikan huruf besar-kecil nama file. Di internet,
Foto.jpgdanfoto.jpgdianggap berbeda. Pastikan penulisan di kode sama persis dengan nama file. - Kecilkan ukuran gambar, misalnya diubah ke format WebP, supaya web cepat dibuka di HP.
- Jangan unggah data rahasia. Semua file yang diunggah bisa dibuka siapa saja yang tahu alamatnya.
- Cara drag and drop hanya untuk web statis, yaitu web tanpa database atau formulir yang menyimpan data. Untuk web yang menyimpan data, lihat panduan Cloudflare Workers + D1.
Nanti ingin pakai domain sendiri?
Alamat gratis sangat cocok untuk belajar, uji coba, atau keperluan pribadi. Tapi untuk usaha atau lembaga, domain sendiri seperti namausaha.com terlihat jauh lebih meyakinkan. Kabar baiknya, Anda tidak perlu membuat ulang web. Cukup beli domain (panduannya ada di cara beli domain di Cloudflare), lalu buka proyek Anda dan pasang di menu Custom domains. Alamat .pages.dev lama tetap bisa dipakai.
Ingin website usaha yang tinggal pakai, lengkap dengan panel admin untuk mengganti isi sendiri tanpa coding? Lihat produk Website Profil Usaha + Panel Admin dari OutsiderDev, yang juga berjalan gratis di Cloudflare.
Sumber: Cloudflare Drop, Claim deployments, Cloudflare Workers, Direct Upload, Cloudflare Pages, dan Limits, Cloudflare Pages.