Beranda pengembangan pribadi adalah Cloudflare + GitHub. Cara membuat situs statis yang diperbarui dengan AI dan biayanya

Jika Anda membuat aplikasi sendiri, selain mengembangkan aplikasi itu sendiri, Anda juga memerlukan beranda untuk memperkenalkan bisnis Anda dan memberikan dukungan.

SANGE Studio juga memerlukan situs web untuk mempersiapkan memperoleh nomor D-U-N-S dan untuk menyiapkan halaman pengenalan aplikasi. Saya ingin membuat konfigurasi yang memerlukan biaya sesedikit mungkin dan waktu yang lebih sedikit untuk pengelolaan sehari-hari. Opsinya adalah memublikasikan situs statis dengan Cloudflare dan mengelola file dengan GitHub.

Saat memperbarui artikel, AI membantu membuat dan memodifikasi HTML, dan manusia memeriksa konten dan tampilan sebelum menerbitkannya. Kami yakin bahwa konfigurasi ini cukup dalam banyak situasi untuk situs bisnis pribadi.

Pada artikel ini, kami akan menjelaskan alasan memilihnya, prosedur penerbitan, dan biayanya. Harga dan spesifikasi merupakan informasi per 27 Oktober 2026.

1. Siapkan situs setelah mendapatkan nomor D-U-N-S dan memperkenalkan aplikasi.

Nomor D-U-N-S adalah 9 digit angka yang mengidentifikasi suatu perusahaan atau badan usaha. Sebagai aturan umum, Anda memerlukan nomor ini saat membuat akun organisasi Google Play.

Selain nomor D-U-N-S, Google Play juga memerlukan "situs web organisasi" sebagai informasi pendaftaran akun organisasi. [1]

Di sinilah mudah untuk menjadi bingung. Adalah wajar jikaGoogle Play memerlukan situs web; itu adalah hal lain jika situs web diwajibkan secara seragam untuk semua aplikasi nomor D-U-N-S. Untuk informasi yang Anda butuhkan untuk mengajukan nomor D-U-N-S, silakan periksa petunjuk loket yang Anda gunakan.

Bagaimanapun, halaman yang menjelaskan realitas bisnis Anda dan halaman pengenalan/dukungan aplikasi akan berguna untuk pengoperasian selanjutnya. Anda bisa memulai dari yang kecil dengan menyiapkan isi berikut:

Bukan berarti hanya menyiapkan situs saja sudah lolos ujian. Penting agar informasi yang Anda posting konsisten dengan detail bisnis dan lamaran sebenarnya.

2. Situs statis adalah pilihan yang baik jika Anda ingin mengurangi biaya dan upaya pengelolaan.

Untuk memiliki beranda, Anda tidak perlu mengontrak server sewaan atau menginstal WordPress.

Cloudflare Pages adalah layanan yang memungkinkan Anda mempublikasikan HTML, gambar, dll. Ini tersedia dari paket gratis, dan juga dapat dipublikasikan menggunakan URL yang disediakan oleh layanan: ○○.pages.dev. [2]

GitHub akan digunakan sebagai tempat untuk mengelola file situs Anda dan mengubah riwayat. Anda dapat memeriksa kapan dan di mana sesuatu telah diperbaiki, dan jika ada masalah, Anda dapat meninggalkan petunjuk untuk kembali ke keadaan sebelumnya.

Pengorganisasian peran terlihat seperti ini:

Cloudflare bukan satu-satunya layanan termurah di luar sana. Ada juga layanan yang tersedia secara gratis. Selain itu, ini merupakan opsi yang sesuai dengan tujuan Anda memulai situs pengenalan pengembangan pribadi dengan biaya rendah.

1. AI + ManusiaMembuat dan memeriksa artikel/HTML
2. GitHubKelola file dan ubah riwayat
3. Tindakan GitHubMemublikasikan perubahan yang disetujui
4. Halaman CloudflareDistribusikan HTML dan gambar kepada pembaca

Dikelola di GitHub dan dipublikasikan di Actions. Cloudflare Pages mengirimkan halaman ke pembaca.

3. Perbedaan hosting statis dan CMS

Hosting statis adalah sistem yang memberikan HTML dan gambar yang telah dibuat sebelumnya kepada pemirsa sebagaimana adanya.

CMS adalah sistem yang memudahkan pengelolaan dan pembaruan artikel dan gambar. WordPress adalah contoh tipikal. Anda dapat menulis artikel dan mengatur tanggal dan waktu publikasi dari layar manajemen.

Sebenarnya, keduanya bukanlah antonim. Ada juga konfigurasi yang mengelola artikel dengan CMS dan mengirimkan halaman lengkap sebagai situs statis. Agar lebih mudah dipahami, di sini kami akan membandingkan konfigurasi di mana HTML dikelola di GitHub dan konfigurasi di mana Anda menginstal dan mengoperasikan sendiri WordPress umum.

HTML adalah file yang menggambarkan struktur halaman. Secara tradisional, menyentuh kode setiap kali Anda menambahkan artikel adalah bagian yang memberatkan dari situs statis. Memiliki AI yang membantu Anda dalam tugas itu akan memudahkan Anda dalam memilih.

4. Mempertimbangkan respons terhadap kerentanan dan evolusi AI, kami ingin memperkecil mekanisme pengungkapan.

Menerbitkan situs web bukanlah akhir. Jika ditemukan kerentanan pada perangkat lunak yang Anda gunakan, Anda perlu memperbarui atau memeriksanya. Dokumentasi resmi WordPress juga menjelaskan cara memperbarui unit utama, plugin, dll., serta mengelola izin dan otentikasi. [3]

Dalam pengembangan pribadi, waktu yang tersedia untuk pemeliharaan terbatas. Jika fokusnya adalah pada pengenalan bisnis dan pengenalan aplikasi, saya ingin mengurangi kebutuhan saya untuk mengoperasikan program dan database yang berjalan saat browsing, serta layar login untuk mengedit artikel yang terbuka untuk umum.

Dengan berfokus pada distribusi file statis murni, Anda dapat mengurangi jumlah titik masuk serangan yang menargetkan area tersebut. Namun, bahkan situs statis pun dapat rusak jika akun GitHub atau Cloudflare dibajak atau dicampurkan JavaScript berbahaya. Keamanan ditentukan oleh konfigurasi dan pengoperasian.

Alasan saya ingin memilih situs statis bukan karena semua kerentanan saat ini disebabkan oleh CMS. Hal ini karena ada lebih sedikit hal yang perlu dikelola untuk fungsi yang Anda perlukan.

Selain itu, AI kini dapat membantu pembuatan HTML dan CSS, sehingga mengurangi beban pengeditan file secara langsung. Ini menyederhanakan konfigurasi keamanan dan mengurangi upaya yang diperlukan untuk pembaruan. Kombinasi ini menarik dalam skala pribadi.

5. Artikel diubah menjadi HTML menggunakan AI, diperiksa oleh manusia, dan kemudian diterbitkan.

Alur pembaruan yang diharapkan adalah enam langkah berikut.

1. Atur tema artikel, konten yang ingin disampaikan, dan pengalaman.
2. Minta AI untuk membuat halaman artikel yang sesuai dengan desain yang ada.
3. Daftarkan perubahan yang diusulkan di GitHub.
4. Manusia memeriksa teks, bukti, tampilan layar, dan perubahan.
5. Gabungkan perubahan yang telah dikonfirmasi ke dalam cabang main untuk publikasi.
6. Tindakan GitHub dipublikasikan ke Halaman Cloudflare.

Mekanisme untuk memeriksa usulan perubahan di GitHub disebut "permintaan tarik", dan operasi penggabungan perubahan yang dikonfirmasi disebut "penggabungan". Meskipun Anda menjalankannya sendiri, Anda dapat menyiapkan langkah untuk memeriksa antara pembuatan dan publikasi.

Misalnya, permintaan ke AI dapat ditentukan sebagai berikut.

Silakan konversikan naskah ini ke HTML dengan menggunakan halaman artikel yang ada sebagai referensi. Atur judul, tabel, dan tautan referensi Anda agar mudah dibaca di ponsel cerdas. Harap perbarui juga daftar artikel dan peta situs. Mohon jangan menambahkan pengalaman atau angka apa pun yang tidak ada dalam naskah, dan tunjukkan pernyataan apa pun yang memerlukan konfirmasi.

Sebelum dipublikasikan, kami memeriksa keakuratan teks, tampilan di ponsel cerdas, tujuan tautan, hak gambar, dan apakah informasi pribadi atau rahasia tercampur. Tinjauan AI juga dapat digunakan untuk membantu, namun meminta AI saling memeriksa tidak menjamin keakuratan.

Jika Anda memiliki lebih banyak artikel, Anda dapat melanjutkan dengan menulis teks isi dalam Markdown dan membuat HTML. Saya pikir yang terbaik adalah tidak membuat sistem besar dari awal dan hanya memperkenalkannya ketika pembaruan menjadi beban.

1. 1. Siapkan naskahAtur konten yang ingin disampaikan
2. 2. Konversikan ke HTML dengan AISesuaikan dengan desain yang ada
3. 3. Konfirmasi manusiaPeriksa teks, bukti, dan tampilan
4. 4. Tercermin dalamTindakan utama yang dipublikasikan ke Halaman

Antara pembuatan oleh AI dan publikasi, akan ada tahap di mana manusia akan memeriksa konten dan tampilan.

6. Tambahkan layanan jika Anda memerlukan fungsi reservasi penerbitan atau pengeditan.

Untuk situs statis, menulis tanggal yang akan datang dalam HTML tidak berarti situs tersebut dapat dipublikasikan. Jika Anda mengunggah file, Anda mungkin dapat melihatnya dari URL meskipun file tersebut tidak tercantum dalam daftar artikel.

Jika penerbitan terjadwal diperlukan, pertimbangkan CMS tanpa kepala yang dapat mengatur tanggal dan waktu penerbitan, atau layanan yang mendukung penerapan terjadwal. CMS tanpa kepala adalah CMS yang menyediakan fungsi manajemen artikel dan dapat digunakan secara terpisah dari tampilan dan distribusi halaman.

Dalam hal ini, Anda tidak boleh memasukkan artikel ke dalam file penerbitan hingga tanggal dan waktu yang ditentukan, dan menggabungkannya dengan proses penerbitan pada waktu yang ditentukan. Pastikan juga manuskrip pribadi tidak diekspos dalam pratinjau atau repositori publik.

Ada juga cara untuk mengatur eksekusi reguler Tindakan GitHub, namun eksekusi mungkin tertunda, sehingga tidak cocok untuk aplikasi yang memerlukan jaminan waktu yang ketat. [8]

Jika banyak orang perlu mengedit, menyetujui, mengelola gambar, dan menjadwalkan penerbitan setiap hari, CMS akan sangat bermanfaat. Kami berencana untuk meninjau konfigurasi ketika fungsi pengeditan yang diperlukan meningkat.

7. Dari registrasi ke Cloudflare hingga publikasi halaman web

Di sini, kami akan menunjukkan kepada Anda cara memublikasikan dari GitHub Actions menggunakan "Unggahan Langsung" Cloudflare Pages. Pejabat Cloudflare juga memberikan instruksi untuk kombinasi ini. [4]

Cloudflare juga memiliki opsi distribusi statis yang disebut Aset Statis Pekerja, tetapi pengaturan dan perintah dalam artikel ini ditujukan untuk Halaman. Nama layar dapat berubah, jadi harap periksa nama layanan dan pengaturannya sebelum melanjutkan.

Langkah 1: Buat akun Cloudflare dan GitHub

Buat akun dengan Cloudflare dan GitHub dan selesaikan verifikasi email. Siapkan autentikasi multifaktor pada keduanya.

Anda bisa mulai dengan paket gratis. Meskipun Anda sudah memiliki domain asli, Anda dapat mulai memeriksa publikasi dari URL yang disediakan oleh Pages.

Langkah 2: Dapatkan domain Anda sendiri

Domain khusus adalah nama di web yang Anda peroleh dan terus gunakan, seperti example.com. Ini adalah kontrak terpisah dari Cloudflare Pages, yang menyimpan file situs Anda. Dibutuhkan biaya untuk memperoleh domain Anda sendiri, dan Anda harus membayar biaya perpanjangan untuk terus menggunakannya setelah memperolehnya. Anda dapat mempublikasikannya dengan pages.dev gratis, namun jika Anda ingin terus menggunakannya sebagai situs bisnis, akan lebih mudah memandu Anda jika Anda menyiapkan domain unik yang sesuai dengan nama bisnis Anda. Jika Anda sudah memilikinya, Anda tidak perlu membeli yang baru.

Sumbernya mencakup Cloudflare Registrar dan layanan pendaftaran domain lainnya. Jika Anda ingin mengelola semuanya sekaligus dengan Cloudflare, Anda bisa mendapatkannya menggunakan prosedur berikut. [11]

1. Masuk ke Cloudflare dan buka "Daftar Domain" di bawah "Pendaftaran Domain".
2. Cari nama domain yang Anda inginkan dan lihat opsi apa yang tersedia. Pilih nama yang dekat dengan nama bisnis Anda dan singkat serta mudah diketik.
3. Periksa biaya akuisisi, tahun kontrak, dan tanggal perpanjangan berikutnya. Kami tidak hanya membandingkan harga rendah untuk tahun pertama, tetapi juga biaya perpanjangan, pajak, dan mata uang pembayaran.
4. Masukkan nama, alamat, nomor telepon, dan alamat email pendaftar secara akurat, dan daftarkan metode pembayaran. Informasi pendaftar Cloudflare harus dimasukkan dalam karakter ASCII, jadi masukkan nama dan alamat Jepang dalam karakter Romawi, dll.
5. Tinjau syarat dan jumlah pembayaran dan konfirmasikan pembelian Anda.
6. Periksa email konfirmasi pendaftaran Anda dan lengkapi verifikasi alamat email yang diminta. Periksa juga pengaturan perpanjangan otomatis dan tanggal kedaluwarsa metode pembayaran Anda.

Domain yang diperoleh dengan Cloudflare Registrar menggunakan server nama Cloudflare. Ini bukan layanan yang memungkinkan Anda dengan bebas beralih ke server nama DNS perusahaan lain setelah mendapatkannya. Selain itu, jika akhiran domain yang diinginkan tidak tersedia, dapatkan dari layanan pihak ketiga yang kompatibel. [11]

Laman web Anda tidak akan ditampilkan hanya dengan memperoleh domain. Setelah ini, publikasikan situs Anda ke Pages dan hubungkan dengan domain Anda sendiri pada langkah 8. Meskipun Anda memperoleh domain dengan perusahaan lain, Anda dapat menggunakannya bersama Pages tanpa harus mentransfer pendaftaran domain Anda ke Cloudflare.

Langganan domain tidak selalu menyertakan kotak surat untuk domain tersebut. Jika Anda ingin mengirim dan menerima email melalui info@example.com, dll., pertimbangkan layanan email terpisah.

Langkah 3: Buat repositori di GitHub

Repositori adalah tempat penyimpanan file situs Anda dan riwayat perubahan. Buat dari "Repositori baru" GitHub dengan nama, misalnya, sange-studio-web.

Jika Anda berurusan dengan naskah pribadi, memilih Pribadi akan memudahkan pengelolaannya. Namun, bahkan dalam repositori pribadi, file yang ditempatkan di folder publik akan dikirimkan ke situs.

Masukkan hanya file yang ingin Anda jadikan publik ke dalam folder public. Misalnya, public/index.html adalah halaman teratas, public/apps/index.html adalah daftar aplikasi, dan public/privacy/index.html adalah kebijakan privasi. Hal ini memungkinkan Anda mempersempit rentang kesalahan distribusi manuskrip dan file konfigurasi ke situs.

Anda dapat memulai hanya dengan public/index.html. Minta AI membuat halaman pengenalan bisnis dan memeriksa tampilan di browser Anda.

Langkah 4: Buat proyek Cloudflare Pages

Pada layar admin Cloudflare, buka "Pekerja & Halaman" untuk membuat aplikasi, dan pilih Unggah File (Unggah Langsung) untuk Halaman. Tentukan nama proyek dan unggah konten folder public untuk mempublikasikannya untuk pertama kali. [5]

Akses https://project name.pages.dev yang ditampilkan saat ini dan periksa halaman atas. Nama proyek dan ID Akun akan digunakan dalam pengaturan selanjutnya.

Proyek yang dibuat menggunakan Direct Upload tidak dapat dialihkan ke tipe tertaut Git nanti. Jika Anda ingin beralih, Anda perlu membuat proyek baru. [5]

Langkah 5: Buat token API publik

Token API adalah kredensial untuk penerbitan dari GitHub Actions ke Cloudflare.

Buat token khusus dari layar Cloudflare API Tokens dan atur izin ke "Akun → Halaman Cloudflare → Edit". Persempit akun target Anda ke akun yang Anda perlukan. [4]

Token yang Anda buat tidak ditulis langsung ke file HTML atau GitHub.

Langkah 6: Daftarkan informasi autentikasi di Rahasia GitHub

Di repositori GitHub, buka "Pengaturan → Rahasia dan variabel → Tindakan" dan tambahkan dua berikut ini sebagai rahasia Repositori.

Rahasia adalah fungsi yang menyimpan informasi otentikasi yang digunakan dalam proses penerbitan. [4]

Langkah 7: Tambahkan pengaturan visibilitas untuk GitHub Actions

Buat .github/workflows/deploy.yml di repositori Anda dan simpan konten berikut: Ganti proyek-halaman-Anda dengan nama proyek Halaman Anda.

name: Deploy website

on:
  push:
    branches: [main]
  workflow_dispatch:

permissions:
  contents: read

concurrency:
  group: production-website
  cancel-in-progress: false

jobs:
  deploy:
    runs-on: ubuntu-latest
    timeout-minutes: 10
    steps:
      - name: Checkout
        uses: actions/checkout@v6

      - name: Check entry page
        run: test -f public/index.html

      - name: Deploy to Cloudflare Pages
        uses: cloudflare/wrangler-action@v4
        with:
          apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
          accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
          command: pages deploy public --project-name=your-pages-project --branch=main

Berdasarkan contoh resmi, kami memiliki konfigurasi minimal yang hanya ditampilkan ketika main diperbarui. [4] Tidak ada proses pembuatan HTML, jadi tidak diperlukan pengaturan build. Pada contoh ini, pengecekan hanya untuk mengkonfirmasi keberadaan halaman teratas, sehingga peninjauan konten dan tampilan akan dilakukan secara terpisah.

Harap pastikan juga bahwa cabang produksi di sisi Halaman adalah main untuk pertama kalinya. Setelah merefleksikan file konfigurasi di main, periksa hasil eksekusi di "Tindakan" GitHub dan buka situsnya setelah berhasil.

Di atas merupakan spesifikasi tag versi yang mengutamakan keterbacaan. Untuk melanjutkan pengoperasian, Anda dapat memperketat kontrol jalur publik dengan menyematkan Tindakan ke SHA penerapan yang dikonfirmasi dan meninjau pembaruan.

Langkah 8: Tetapkan domain asli yang diperoleh ke Pages

Tambahkan domain yang ingin Anda gunakan dari "Domain khusus → Siapkan domain" di proyek Pages. [6]

Domain yang diperoleh dengan Cloudflare Registrar dikonfigurasi untuk menggunakan DNS Cloudflare. Jika Anda menggunakan domain root, seperti example.com, yang diakuisisi oleh perusahaan lain, tambahkan domain tersebut ke Cloudflare dan ubah ke server nama yang ditentukan di layar admin registrar Anda. Jika Anda menggunakan email yang sudah ada, data DNS seperti MX dan TXT juga akan dibawa sebelum perubahan.

Untuk subdomain seperti www.example.com, Anda juga dapat menyetel CNAME di layanan DNS eksternal. Apa pun kasusnya, alih-alih hanya menambahkan data DNS, kaitkan data tersebut terlebih dahulu dengan Domain khusus di Pages. [6]

Setelah aktivasi, periksa apakah Anda dapat membuka dengan HTTPS dan apakah gambar, tautan, dan tampilan ponsel cerdas sudah benar. Jika Anda ingin menjadikan domain Anda sendiri sebagai URL resmi, sertakan juga URL kanonik dan peta situs.

Ada juga cara untuk memulai dengan pengaturan yang lebih sedikit.

Jika Anda tidak memerlukan kontrol publikasi dengan GitHub Actions, akan lebih mudah untuk mengintegrasikan repositori GitHub secara langsung dengan Pages, yang memerlukan lebih sedikit penyiapan. Konfigurasinya adalah memilih impor repositori Git pada layar pembuatan Halaman, mengatur cabang produksi ke utama, tanpa kerangka kerja, perintah build ke keluar 0, dan tujuan keluaran ke publik. [9]

Dengan metode ini, Cloudflare mendeteksi perubahan pada GitHub dan memublikasikannya, sehingga Anda dapat menghilangkan kebutuhan untuk menyiapkan token dan Tindakan API publik. Tidak perlu menjalankan metode Tindakan dan metode tautan langsung penerbitan otomatis secara bersamaan.

1. Domain unikContoh: example.com
2. Setelan DNSTentukan tujuan koneksi domain
3. Konfigurasi LamanKaitkan dengan domain Khusus
4. Lihat situsVerifikasi publikasi dengan HTTPS

Mendapatkan domain dan menerbitkan halaman adalah dua tugas berbeda. Sejajarkan pengaturan DNS dan asosiasi di sisi Halaman.

8. Berapa biayanya?

Jika Anda memiliki situs kecil seperti artikel ini yang mendistribusikan HTML, CSS, dan gambar, Anda dapat memulai hosting dan pengelolaan file hanya dengan 0 yen per bulan.

Cloudflare mengatakan jumlah permintaan dan bandwidth untuk Pages tidak terbatas, tetapi ada batasan seperti jumlah file dan kondisi penggunaan. Paket Gratis memungkinkan 500 build tertaut Git per bulan dan maksimal 20.000 file. Saat memproses dan Mengunggah Langsung dengan Tindakan GitHub, bedakan antara frame build di sisi Cloudflare dan frame eksekusi di sisi GitHub. [2][7]

GitHub Actions dapat dijalankan secara gratis pada runner standar yang dihosting GitHub untuk repositori publik. Berhati-hatilah untuk tidak melebihi tingkat gratis di repositori pribadi. Pelari yang besar dan kapasitas penyimpanan merupakan persyaratan lainnya. [10]

Misalnya, jika Anda menjalankan proses penerbitan masing-masing 3 menit pada repositori pribadi 30 kali sebulan, total waktunya adalah 90 menit. Jika Anda tidak menggunakan kuota untuk keperluan lain dan kapasitas penyimpanan Anda sesuai kuota, Anda dapat menggunakan 2.000 menit per bulan.

Jika Anda sudah memiliki domain sendiri, tidak ada biaya untuk memperoleh domain baru saat menambahkan situs. Namun, biaya perpanjangan untuk domain yang sudah ada akan tetap berlaku. Jangan hanya menilai harga domain Anda berdasarkan diskon tahun pertama; periksa juga harga perpanjangannya.

Harap dicatat bahwa biaya penambahan API, database, Fungsi Halaman, dll. tidak termasuk dalam perkiraan situs statis ini.

Untuk pengembangan pribadi, pilih konfigurasi yang memungkinkan Anda untuk terus beroperasi.

Pengenalan bisnis, pengenalan aplikasi, dukungan, blog diperbarui oleh sejumlah kecil orang. Untuk tujuan ini, menjalankan situs statis dengan Cloudflare dan GitHub adalah pilihan yang tepat.

AI membantu membuat dan memodifikasi halaman, dan manusia meninjau dan menyetujui konten, yang kemudian dipublikasikan secara otomatis. Ketika fungsi pengeditan yang diperlukan meningkat, tambahkan CMS atau layanan eksternal pada tahap itu.

Untuk operasi skala pribadi seperti SANGE Studio, kami ingin memilih konfigurasi yang memungkinkan kami terus menyampaikan informasi bisnis sekaligus mengamankan waktu untuk pengembangan aplikasi.

Bahan referensi

1. Informasi yang diperlukan untuk membuat akun Konsol Google Play
2. Informasi Produk Halaman Cloudflare
3. Resmi WordPress: Memperkuat WordPress
4. Pejabat Cloudflare: Upload Langsung dan integrasi CI
5. Pejabat Cloudflare: Upload Langsung
6. Cloudflare resmi: Domain khusus
7. Batas Halaman Cloudflare
8. Resmi GitHub: jadwalkan acara
9. Cloudflare resmi: HTML Statis
10. Harga dan paket gratis GitHub Actions
11. Cloudflare resmi: Daftarkan domain baru