Sekarang saatnya membuktikan hasil nyata. Di latihan ini, kamu bakal merakit website profil pribadimu sendiri dan langsung meluncurkannya ke internet memakai Cloudflare Workers. Begitu selesai, website buatanmu sudah aktif di URL .workers.dev dan bisa langsung kamu pamerkan ke teman atau rekan kerja.
Alat yang kita gunakan
Ada tiga alat utama yang bikin proses ini cepat dan enteng:
Hono adalah kerangka web (framework) modern yang sangat ringan dan kencang, dirancang khusus untuk berjalan di edge server seperti Cloudflare Workers. Hono mengatur rute halaman dan mendukung JSX, jadi kamu bisa menyusun tampilan web dengan gaya komponen yang rapi.
Tailwind CSS mempermudah penataan gaya tampilan. Tanpa perlu repot menulis aturan CSS manual yang berbelit-belit, kamu cukup menambahkan kelas praktis seperti text-lg, bg-blue-500, atau rounded-xl. Untuk latihan ini, kita cukup pasang satu baris tag <script> CDN tanpa proses build rumit.
Cloudflare Workers adalah platform serverless global. Kodemu berjalan di jaringan edge Cloudflare yang tersebar di ratusan kota dunia, sehingga website terbuka sangat cepat dari mana saja. Peluncurannya cuma butuh satu perintah (npx wrangler deploy), dan paket gratisnya sangat lapang untuk proyek personal.
Persiapan awal
Kamu butuh Node.js di komputermu agar server lokal dan alat deploy bisa berjalan. Cara pasangnya:
- macOS: jalankan
brew install node(memerlukan Homebrew). - Windows / Linux: unduh penginstal resmi dari nodejs.org.
Kamu juga perlu akun gratis di Cloudflare. Kamu bisa mendaftar cepat menggunakan akun Google. Jika bingung, asisten AI akan memandumu tahap demi tahap.
Apa yang akan kamu buat?
Sebuah homepage profil pribadi: memuat namamu, pengenalan singkat, keahlian atau minat, serta tautan ke media sosial atau portofolio. Kita poles penampilannya agar enak dipandang dan langsung kita unggah ke internet.
Setelah versi pertama tayang, kamu bisa terus mengembangkannya: menambah halaman kontak, memasang penghitung pengunjung dengan Workers KV, atau menghubungkannya ke domain milikmu sendiri.