Bab 08

🚀 Deploy: Website Andi Online!

Website udah jadi di laptop. Saatnya bikin dunia lihat. Gratis, cepat, dan gampang — pakai Cloudflare Pages.

💻 Masalah Andi

Andi senyum lebar. Di layar laptopnya, ada website keren — hasil kerja bareng AI selama beberapa minggu terakhir. Ada halaman utama yang rapi, daftar produk, form kontak, bahkan responsive di mobile. Semuanya berjalan lancar.

Tapi ada satu masalah.

Website itu cuma ada di laptop Andi. Cuma dia yang bisa lihat. Kalau temennya mau lihat, Andi harus ngasih pinjem laptopnya — atau kirim satu folder penuh file yang ribet dan membingungkan.

Andi

"Website gue udah jadi. Tapi kalau gue bilang temen gue 'coba deh buka website gue', mereka bakal nanya: link-nya apa? Dan gue gak punya jawaban. Gue cuma bisa bilang... 'pinjem laptop gue dulu'?"

Andi tau: website yang cuma di laptop itu bukan website. Itu cuma file. Website sejati harus bisa diakses dari mana saja, oleh siapa saja, kapan saja. Dari laptop. Dari HP. Dari warnet. Dari mana pun.

Waktunya deploy.

📡 Apa Itu Deploy?

Deploy itu sederhana: memindahkan website dari laptop kamu ke server di internet, supaya orang lain bisa mengaksesnya lewat link.

Analoginya begini:

Website di laptop = buku catatanmu. Cuma kamu yang bisa baca.
Website yang di-deploy = buku yang udah dicetak dan dijual di toko. Siapa saja bisa beli dan baca.

Proses deploy mengambil semua file website kamu — HTML, CSS, JavaScript, gambar, semuanya — lalu menyalinnya ke server yang terhubung ke internet 24/7. Setelah itu, website kamu punya link/URL yang bisa dibagikan ke siapa saja.

Dulu, deploy itu ribet. Harus sewa server, bayar hosting bulanan, setting DNS, konfigurasi SSL... Gak lagi. Sekarang ada layanan yang bikin deploy semudah klik tombol.

☁️ Kenapa Cloudflare Pages?

Ada banyak layanan hosting, tapi kita akan pakai Cloudflare Pages. Ini alasannya:

Gratis — gak ada biaya bulanan, gak ada kartu kredit. Beneran gratis.
Cepat — website kamu di-cache di server di seluruh dunia. Dibuka dari Indonesia, Eropa, atau Amerika — tetap ngebut.
Gampang — connect ke GitHub, klik deploy, selesai. Gak perlu setup server.
Gratis SSL — otomatis dapat https:// (kunci gembok hijau di browser). Aman tanpa repot.
Custom domain — kalau nanti mau pakai nama domain sendiri, bisa di-connect.

Andi

"Gratis? Gak ada jebakan? Gak harus masukin kartu kredit?"

Beneran gratis. Cloudflare Pages versi free sudah lebih dari cukup untuk website statis seperti yang kita bikin. Kalau website kamu nanti berkembang jadi platform besar dengan jutaan pengunjung, baru mikirin upgrade. Tapi untuk sekarang? Gratis. Tuntas.

🛠️ Step-by-Step: Deploy Website Pertama Kamu

Ikuti langkah-langkah berikut. Gampang banget — Andi yang gaptek aja bisa. Kamu pasti juga bisa.

Bikin Akun GitHub (Gratis)

GitHub itu semacam "Google Drive" untuk kode. Kamu simpan kode website kamu di sini, dan Cloudflare Pages akan mengambilnya dari sini.

Buka github.com
Klik Sign Up
Isi email, bikin username dan password
Verifikasi email — selesai!

Gak perlu bayar apa-apa. Akun GitHub gratis sudah cukup.

Push Kode ke GitHub

Sekarang, kamu perlu meng-upload kode website kamu ke GitHub. Ada dua cara:

Cara A: Upload langsung di browser (paling gampang)

Di GitHub, klik tombol New Repository
Beri nama (misal: website-andi)
Pilih Public
Centang Add a README file
Klik Create repository
Klik tombol Add file → Upload files
Drag semua file website kamu (HTML, CSS, gambar, dll) ke situ
Klik Commit changes

Cara B: Pakai Git di terminal (kalau udah kenal)

cd folder-website-kamu
git init
git add .
git commit -m "first commit"
git remote add origin https://github.com/username/website-andi.git
git branch -M main
git push -u origin main

Kalau belum kenal Git, pakai Cara A. Sama hasilnya, gak masalah!

Connect GitHub ke Cloudflare Pages

Sekarang waktunya deploy yang sesungguhnya:

Buka dash.cloudflare.com
Daftar / login (bisa pakai akun Google, gak perlu kartu kredit)
Di sidebar kiri, cari Workers & Pages
Klik Create → pilih tab Pages
Klik Connect to Git
Hubungkan akun GitHub kamu (Cloudflare minta izin akses — ini aman)
Pilih repository website-andi

Setting Deploy

Cloudflare akan minta beberapa setting. Ini yang perlu kamu isi:

Production branch: main
Build command: kosongkan aja (biarkan blank)
Output directory: / (root folder, tempat file HTML kamu)

Kalau website kamu cuma HTML + CSS + JS biasa (tanpa React, Vue, atau framework lain), setting di atas sudah tepat. Gak perlu diutak-atik.

Klik Deploy! 🎉

Klik tombol Save and Deploy. Tunggu sekitar 30 detik.

Cloudflare akan mem-build website kamu dan memberikan link. Link-nya kurang lebih seperti ini:

https://website-andi.pages.dev

Buka link itu di browser. Atau di HP. Atau kirim ke teman. Website kamu sekarang udah live di internet! 🌍

💡 Tip Deploy

Setiap kali kamu push kode baru ke GitHub, Cloudflare Pages otomatis deploy ulang. Jadi workflow-nya begini: edit kode → push ke GitHub → website otomatis update. Gak perlu deploy manual lagi. Git push = deploy. Semudah itu.

⚠️ Kesalahan Umum Saat Deploy

1. File index.html gak di root folder. Pastikan index.html ada langsung di folder utama repository, bukan di dalam subfolder. Cloudflare akan mencari index.html di root — kalau gak ketemu, website kamu gak muncul.

2. Path gambar/CSS pakai absolute local. Kalau kamu pakai C:\Users\Andi\Documents\style.css, itu gak jalan di server. Pakai path relative: ./style.css atau style.css aja.

3. Build command diisi padahal gak perlu. Untuk website HTML biasa, build command harus kosong. Build command cuma untuk framework seperti React atau Vue.

🌐 Apa yang Terjadi Setelah Deploy?

Website kamu sekarang punya alamat sendiri di internet. Siapa saja bisa mengaksesnya dari mana saja — dari laptop, HP, tablet, bahkan dari warnet di ujung Indonesia.

Yang bisa kamu lakukan sekarang:

Share link ke teman, keluarga, dosen — tinggal copy-paste URL
Include di CV atau portofolio — "Lihat project saya: website-andi.pages.dev"
Submit ke lomba startup — banyak lomba butuh link demo, bukan file di laptop
Tunjukin ke calon klien — ini jauh lebih meyakinkan dari sekedar ngomong

Dan yang paling penting: rasanya luar biasa. Kamu yang dulunya gak bisa coding, sekarang punya website yang benar-benar live di internet.

🌐 Custom Domain (Opsional)

Link default Cloudflare Pages (website-andi.pages.dev) udah oke. Tapi kalau kamu mau lebih profesional, kamu bisa pakai domain sendiri.

Caranya:

Beli domain — bisa di Niagahoster, Domainesia, Namecheap, atau Cloudflare Registrar. Harga mulai dari Rp 100-150 ribu/tahun untuk domain .com.
Di Cloudflare Pages, masuk ke project kamu → tab Custom domains
Masukkan domain kamu (misal: andifreelance.com)
Ikuti instruksi Cloudflare untuk menghubungkan domain — biasanya tinggal update nameserver atau DNS records

Tunggu beberapa menit, dan website kamu bisa diakses dari https://andifreelance.com. Terlihat profesional, terlihat serius.

Andi

"Dulu gue mikir punya website itu butuh jutaan. Sekarang? Hosting gratis, domain Rp 100 ribu setahun. Total biaya buat punya website profesional? Rp 100 ribu. Gila."

🎉 Momen Andi: Website Pertama Live!

Andi duduk tegak di kursinya. Layar laptop menampilkan website yang baru saja dia deploy. Ada tulisan kecil hijau di dashboard Cloudflare: "Success — Deployed".

Di bawahnya, ada link: https://website-andi.pages.dev

Andi klik link itu. Website-nya terbuka. Dari internet. Bukan dari file lokal. Dari internet sungguhan.

Andi

"Gila. Ini... beneran online. Bisa diakses dari mana aja. Gue yang bikin. Dari nol. Gue yang gaptek."

Andi langsung buka grup WhatsApp angkatan. Dia ketik:

"Guys, coba buka ini: https://website-andi.pages.dev"

Respon datang bertubi-tubi:

"Wih, ini lo yang bikin?!"

"Keren banget, Di. Responsivenya mantap."

"Serius ini gak pake WordPress?!"

"Gue butuh website kayak gini buat tugas akhir gue, bisa ajarin?"

Andi senyum. Bukan senyum biasa — senyum seseorang yang baru aja membuktikan bahwa dia bisa.

Andi

"Dulu gue bilang: 'gimana gue mau bikin startup kalau bikin website aja gak mampu?' Sekarang? Website gue udah online. Orang-orang udah bisa lihat. Ini baru permulaan."

💡 Recap Singkat

Deploy = memindahkan website dari laptop ke internet. Pakai Cloudflare Pages: gratis, cepat, gampang. Workflow-nya: edit kode → push ke GitHub → Cloudflare otomatis deploy. Dalam 30 detik, website kamu live. Share link. Selesai. Kamu sekarang punya website di internet.

← Bab 7: Sneak Peek Hermes Bab 9: Pola Pikir Vibecoder →