Bikin Website Portofolio Gratis dengan Cloudflare Pages
Hosting + domain gratis buat web personal atau portofolio, tanpa ribet server.
Punya website portofolio itu sekarang hampir wajib, apalagi kalau lo main di dunia tech, desain, atau freelance. Kabar baiknya, sekarang lo bisa bikin website portofolio gratis, cepat, dan aman tanpa perlu sewa hosting.
Di artikel ini, gue bakal nunjukin cara deploy website statis ke Cloudflare Pages cuma modal GitHub.
Apa itu Cloudflare Pages?
Cloudflare Pages adalah layanan hosting untuk website statis (HTML, CSS, JavaScript, React, Next.js, dll) yang langsung terhubung dengan Git repository.
Setiap kali lo push code ke GitHub, website lo bakal otomatis di-build dan di-deploy. Simple banget.
Kenapa Pakai Cloudflare Pages?
- Gratis (cukup banget buat portofolio & blog)
- Global CDN → website ngebut dari mana aja
- Auto deploy dari GitHub
- Custom domain tanpa biaya tambahan
- HTTPS otomatis (aman & trusted)
Yang Perlu Disiapkan
Sebelum mulai, pastiin lo udah punya:
- Akun GitHub
- Project website statis (HTML / React / Next.js)
- Akun Cloudflare (gratis)
Step-by-Step Deploy ke Cloudflare Pages
1. Push Project ke GitHub
Pastikan project lo sudah ada di repository GitHub. Struktur project harus rapi dan bisa di-build tanpa error.
2. Login ke Cloudflare
Masuk ke dashboard Cloudflare, lalu pilih menu Pages.
3. Create Project
Klik Create a project → pilih Connect to Git.
4. Hubungkan Repository
Pilih repository GitHub yang berisi project website lo. Setelah itu, atur:
- Framework preset (React / Next.js / Static)
- Build command (contoh:
npm run build) - Output directory (contoh:
distatau.next)
5. Deploy 🚀
Klik Deploy dan tunggu beberapa menit. Kalau build sukses, website lo langsung online dengan subdomain:
https://nama-project.pages.devCustom Domain (Opsional tapi Keren)
Lo juga bisa pakai domain sendiri (misalnya namalo.com) langsung dari dashboard Cloudflare Pages, tanpa biaya tambahan.
Tinggal masuk ke menu Custom Domains, ikuti instruksi, dan Cloudflare bakal ngurusin DNS + SSL otomatis.
Cocok Buat Apa?
- Website portofolio
- Personal blog
- Landing page
- Project showcase
Penutup
Dengan Cloudflare Pages, bikin website sekarang gak perlu ribet mikirin server atau biaya hosting. Fokus aja ke bikin konten dan ningkatin skill.
Sedikit demi sedikit, lama-lama jadi Growth Kit😉.