Tutorial #3 – Setup Project Pertama Cloudflare Pages

Di tutorial ini kamu akan membuat project pertama di Cloudflare Pages: mulai dari memilih repository GitHub, menghubungkan akun, hingga website kamu resmi online.

1. Masuk ke dashboard Cloudflare

Kunjungi: https://dash.cloudflare.com/ Masuk dengan akun Cloudflare yang sudah kamu buat sebelumnya.

            Pastikan akun kamu sudah terhubung dengan GitHub.  
            Jika belum, Cloudflare akan meminta izin saat proses setup project.
          

2. Membuat Project Baru

Di menu sidebar kiri, pilih:

Workers & Pages
Pilih tab Pages
Klik tombol Create a Project

Kemudian pilih opsi:

Connect to Git

            Cloudflare Pages akan membaca repository GitHub kamu untuk menampilkan daftar repositori yang bisa dipilih.
          

3. Pilih Repository GitHub

Pilih repositori yang berisi file website kamu, misalnya:

obotzone-landing
digitalplat-tutorial
mywebsite (contoh)

Lalu klik Begin setup.

4. Atur Build Settings

Karena project kamu adalah website statis (HTML + CSS), maka pengaturannya sederhana.

Framework preset: None
Build command: *(biarkan kosong)*
Build output directory: /

            Kenapa kosong?  
            Karena Cloudflare hanya perlu menyalin file statismu apa adanya.  
            Tidak perlu proses build apa pun seperti React, Next, atau Svelte.
          

5. Klik “Deploy”

Setelah konfigurasi selesai, klik:

Save and Deploy

Cloudflare Pages akan melakukan build pertama. Biasanya hanya memakan waktu 5–20 detik.

            Jika berhasil, kamu akan melihat status:  
            Build completed successfully.
          

6. Akses URL website kamu

Setelah build selesai, Cloudflare Pages akan memberikan URL default:

https://nama-project.pages.dev

Website kamu sekarang sudah online dan bisa diakses publik.

7. Project pertama siap! Lanjut ke konfigurasi berikutnya

Setelah project kamu online, langkah berikutnya adalah:

Menghubungkan domain utama (atau subdomain dari digitalplat.org).
Membuat halaman baru menggunakan struktur folder rapi.
Menambahkan subdomain untuk kebutuhan exposure.

Setup Project Pertama di Cloudflare Pages