Operasi Situs ​

Selamat datang di panduan Operasi Situs! Ini adalah pusat kendali utama Anda sebagai pemilik (publisher) website kurasi dan ulasan afiliasi. Di sini, Anda akan mempelajari cara mengelola seluruh siklus hidup website—mulai dari membuat website niche baru, memeriksa kesehatan data, melihat pratinjau di laptop, mengatur identitas brand (white-label), hingga menerbitkan website ke internet global tanpa biaya server ($0/bulan).

Semua langkah dirancang dengan prinsip Progressive Disclosure: Anda cukup membaca panduan kilat 3 langkah di awal untuk langsung bekerja hari ini, dan membaca kamus opsi lengkap di bawahnya saat ingin melakukan kustomisasi lanjutan.

Tanpa Koding Rumit, Bahasa Santai Ramah Pemula

Anda tidak perlu memahami bahasa pemrograman yang rumit. Di CuanAff, seluruh pengoperasian situs dikendalikan lewat perintah baris tunggal yang siap disalin (copy-paste) ke terminal laptop Anda, didukung konfigurasi teks santai yang mudah dipahami anak SMA sekalipun.

1. Panduan Kilat 3 Langkah Operasi Situs ​

Bagi Anda yang ingin langsung praktik tanpa berlama-lama, berikut adalah 3 langkah emas mengoperasikan website afiliasi Anda:

Alur 3 Langkah Emas Operasi Situs

  1. Langkah 1: Buat Fondasi Situs → Jalankan php cuanaff site:create <slug> untuk menginisialisasi website baru.
  2. Langkah 2: Cek & Pratinjau Lokal → Jalankan php cuanaff site:status lalu php cuanaff site:build untuk melihat hasil di laptop.
  3. Langkah 3: Tayangkan Online ($0/bln) → Uji coba dengan php cuanaff site:publish --dry-run lalu terbitkan dengan php cuanaff site:publish!

Langkah 1: Buat Website Niche Baru ​

Buka terminal di laptop Anda, lalu jalankan perintah pembuatan situs baru:

bash
php cuanaff site:create tas --niche=tas --name="TasKu"

Perintah ini otomatis menyiapkan folder data situs, konfigurasi tema, dan menetapkan situs tas sebagai situs aktif yang sedang Anda kerjakan.

Langkah 2: Cek Status & Rakit Pratinjau Lokal ​

Pastikan kondisi situs sehat, lalu rakit halaman untuk dilihat di browser laptop Anda:

bash
# 1. Cek ringkasan situs aktif
php cuanaff site:status

# 2. Rakit website ke berkas lokal
php cuanaff site:build

Setelah proses selesai, buka berkas build/tas/index.html di browser Chrome atau Safari untuk melihat hasil tampilan website secara offline.

Langkah 3: Tayangkan ke Internet Publik (Cloudflare Pages $0/Bulan) ​

Sebelum meluncurkan ke publik, lakukan uji coba simulasi aman (--dry-run), lalu terbitkan ke server global:

bash
# 1. Simulasi aman (cek kesalahan tanpa menerbitkan ke internet)
php cuanaff site:publish tas --dry-run

# 2. Terbitkan langsung ke publik internet
php cuanaff site:publish tas

Website Anda kini resmi tayang di internet dengan tautan aktif (misal https://tas.pages.dev atau domain kustom Anda) lengkap dengan sertifikat keamanan SSL gratis!

2. Kamus Operasional 5 Perintah Inti Situs ​

Berikut adalah rincian lengkap 5 perintah utama operasi situs CuanAff, dilengkapi contoh sintaks baris tunggal siap salin dan gambaran hasil terminalnya.

Panduan Mandiri 1-Command-1-Halaman (Dual-Track CLI & Prompt AI)

Untuk panduan modular super ringkas per-perintah lengkap dengan prompt siap pakai untuk Coding Agent (Antigravity, CommandCode, Cursor, ChatGPT, Claude), buka halaman berikut:

Perintah 1: site:create (Membangun Fondasi Situs Baru) ​

  • Tujuan Praktis: Membuat folder kerja dan fondasi website baru untuk tema pasar (niche) tertentu dalam 1 detik.
  • Analogi Sehari-hari: Seperti membuka gerai toko baru di mall digital yang sudah dilengkapi etalase kosong siap pajang.
  • Sintaks Siap Salin:
    bash
    php cuanaff site:create <slug-situs> --niche=<slug-niche> [--name="<Nama Website>"]

Contoh Nyata: ​

bash
# Membuat situs bertema tas travel & koper
php cuanaff site:create tas --niche=tas --name="TasKu"

# Membuat situs bertema kunci pintar & keamanan rumah
php cuanaff site:create aman --niche=aman --name="RumahAman"

Ilustrasi Hasil Terminal: ​

txt
[OK] Berhasil membuat situs baru: TasKu (slug: tas)
[INFO] Direktori data disiapkan di: data/tas/
[INFO] Tema aktif: editorial-room
[INFO] Situs aktif saat ini otomatis dialihkan ke: tas
  • Daftar Parameter Penting:
    • <slug-situs>: Nama panggilan unik situs berbentuk huruf kecil tanpa spasi (misal: tas, aman, kopi).
    • --niche=<slug>: Kategori niche rujukan sistem (misal: tas, aman, pilihlistrik).
    • --name="<Nama>": Nama resmi situs yang akan muncul di judul tab browser dan kop atas halaman.

Perintah 2: site:status (Memeriksa Kesehatan & Data Situs) ​

  • Tujuan Praktis: Melihat situs mana yang saat ini sedang aktif di laptop Anda, jumlah produk yang siap tayang, dan status rakitan terakhir.
  • Analogi Sehari-hari: Seperti mengecek buku stok gudang dan kondisi etalase toko sebelum menyambut pembeli.
  • Sintaks Siap Salin:
    bash
    php cuanaff site:status

Ilustrasi Hasil Terminal: ​

txt
+---------------------+---------------------------------------------------+
| Parameter           | Nilai                                             |
+---------------------+---------------------------------------------------+
| Situs Aktif         | tas (TasKu)                                       |
| Lokasi Data         | data/tas/                                         |
| Tema Tampilan       | editorial-room                                    |
| Total Produk        | 12 produk (10 terbit, 2 draf)                     |
| Artikel Versus      | 3 perbandingan head-to-head                       |
| Status Rakit Lokal  | Siap (Terakhir dirakit 5 menit lalu)              |
+---------------------+---------------------------------------------------+
  • Tips Praktis: Jalankan perintah ini sebelum menambahkan produk baru untuk memastikan Anda tidak salah memasukkan ulasan ke proyek situs yang lain.

Perintah 3: site:switch (Berpindah Fokus Antar-Situs) ​

  • Tujuan Praktis: Mengganti fokus situs aktif yang sedang Anda kelola tanpa perlu mengetik nama situs berkali-kali di setiap perintah lanjutan.
  • Analogi Sehari-hari: Seperti berpindah dari meja kerja toko A ke meja kerja toko B di satu ruangan kerja yang sama.
  • Sintaks Siap Salin:
    bash
    php cuanaff site:switch <slug-situs>

Contoh Nyata: ​

bash
# Berpindah ke situs smart security
php cuanaff site:switch aman

# Berpindah kembali ke situs koper travel
php cuanaff site:switch tas

Ilustrasi Hasil Terminal: ​

txt
[OK] Fokus situs aktif berhasil dialihkan ke: tas (TasKu)
  • Sifat Aman: Perintah ini aman diulang kapan saja. Jika Anda menjalankan perintah switch ke situs yang memang sudah aktif, sistem tidak akan mengubah berkas apa pun.

Perintah 4: site:build (Merakit Halaman Website Lokal) ​

  • Tujuan Praktis: Mengubah catatan ulasan Markdown, foto produk, dan konfigurasi tema menjadi berkas website statis (HTML, CSS, JS) di laptop Anda untuk diuji sebelum online.
  • Analogi Sehari-hari: Seperti mencetak majalah katalog ulasan edisi cetak pertama untuk diperiksa tata letaknya sebelum dicetak massal.
  • Sintaks Siap Salin:
    bash
    # Merakit situs yang sedang aktif
php cuanaff site:build

# Merakit situs tertentu secara spesifik
php cuanaff site:build tas

# Merakit dan menyertakan produk yang masih berstatus draf
php cuanaff site:build tas --preview-drafts

Ilustrasi Hasil Terminal: ​

txt
[BUILD] Memulai perakitan website statis untuk: tas
[1/4] Membaca data katalog produk (10 produk terbit)... OK
[2/4] Menyusun halaman komparasi versus... OK
[3/4] Mengoptimalkan aset gambar & ikon... OK
[4/4] Menghasilkan berkas HTML ke: build/tas/
[SUCCESS] Perakitan selesai dalam 0.42 detik!
  • Tips Praktis: Anda dapat melihat tampilan website secara lokal dengan membuka berkas build/tas/index.html langsung di browser Anda, atau menyalakan server lokal ringan via php -S localhost:8000 -t build/tas.

Perintah 5: site:publish (Menayangkan Website ke Internet Global) ​

  • Tujuan Praktis: Memvalidasi keaslian data, merakit halaman, mengaudit tautan, dan mengunggah website langsung ke jaringan server CDN Cloudflare Pages.
  • Analogi Sehari-hari: Seperti resmi menggunting pita pembukaan toko agar seluruh dunia bisa datang dan berbelanja melalui link rekomendasi Anda.
  • Sintaks Siap Salin:
    bash
    # Simulasi aman tanpa terbit (wajib dilakukan dulu!)
php cuanaff site:publish tas --dry-run

# Terbitkan langsung ke internet publik
php cuanaff site:publish tas

Ilustrasi Hasil Terminal: ​

txt
[PUBLISH] Memulai pipeline penerbitan: tas
[VALIDASI] Memeriksa data asli produk toko... OK (Bebas karangan)
[AUDIT] Memeriksa tautan & meta tag SEO... OK (0 broken link)
[UPLOAD] Mengunggah 48 aset ke Cloudflare Pages... OK
[ONLINE] Website aktif di: https://tas.delanja.com
[STATUS] Kode Respons: HTTP/2 200 OK

Aturan Berdiri CuanAff: Publish = Produksi

  • Satu Verb Publikasi Tunggal: site:publish adalah satu-satunya jalur resmi penayangan website ke internet.
  • Tidak Ada Server Staging Terpisah: Menjalankan site:publish tanpa flag tambahan berarti Anda langsung memperbarui website di jaringan internet publik.
  • Gunakan --dry-run Sebagai Penjaga Keamanan: Selalu jalankan php cuanaff site:publish <slug> --dry-run terlebih dahulu untuk memastikan tidak ada kesalahan data sebelum tayang online.

3. Kustomisasi Brand & Tampilan Website (config.yaml) ​

CuanAff mengusung prinsip 100% Kedaulatan Brand (White-Label). Artinya, website ulasan Anda sepenuhnya mengusung nama brand Anda sendiri, tanpa ada embel-embel atau bocoran kode internal yang mengganggu.

Seluruh pengaturan identitas brand disimpan dalam satu berkas teks santai: data/{slug-situs}/config.yaml.

Contoh Berkas config.yaml Lengkap ​

yaml
schema_version: 2
slug: tas
name: TasKu
locale: id-ID
theme: editorial-room
base_url: 'https://tas.delanja.com'
description: 'Panduan kurasi koper kabin modular tahan banting, ransel komuter tahan air, dan tas travel modern.'

# PENGATURAN IDENTITAS BRAND
branding:
  name: 'TasKu'
  tagline: 'Panduan & Komparasi Koper Kabin Terbaik'
  wordmark:
    head: 'Tas'
    tail: 'Ku'
  footer:
    copyright: '© 2026 TasKu Media. Seluruh hak cipta dilindungi.'
    about: 'Portal riset belanja mandiri dan komparasi spesifikasi independen. Kami menyajikan ulasan objektif berbasis pengujian nyata.'

# BILAH UTILITAS JARINGAN (Bisa dimatikan bila ingin berdiri sendiri)
network_bar: true

Tabel Penjelasan Kolom Konfigurasi ​

Nama KolomJenis NilaiFungsi & Pengaruhnya pada WebsiteContoh Nilai
nameTeksNama resmi website untuk judul tab browser dan meta tag SEO Google.'TasKu'
base_urlTautanAlamat website rujukan utama (link resmi website Anda di internet).'https://tas.delanja.com'
branding.taglineTeksSlogan penjelas proposisi nilai yang muncul di banner utama.'Panduan & Komparasi Koper Terbaik'
branding.wordmark.headTeksKata pertama pada logo tulisan di header (dicetak tebal gagah).'Tas'
branding.wordmark.tailTeksKata kedua pada logo tulisan di header (diberi warna aksen khas).'Ku' atau '.ID'
branding.footer.copyrightTeksKalimat hak cipta resmi di bagian paling bawah website.'© 2026 TasKu Media.'
branding.footer.aboutTeksPenjelasan independen ulasan untuk memperkuat kepercayaan Google.'Portal riset belanja independen.'
network_bartrue / falseMenampilkan atau menyembunyikan bilah navigasi jaringan di baris teratas.true (tampil) atau false (sembunyi)

4. Memasang Kode Iklan & Pelacak Statistik Mandiri ​

Anda ingin memasang Google Analytics, Meta Pixel, atau banner iklan Google AdSense? Di CuanAff, Anda tidak perlu mengutak-atik kode tampilan website (template). CuanAff menyediakan wadah khusus bernama folder snippets/ di dalam folder situs Anda (data/{slug}/snippets/).

Folder ini menyediakan 3 posisi penempatan yang aman:

data/{slug}/
└── snippets/
    ├── head-end.html      # Kode pelacak Google Analytics / Meta Pixel
    ├── body-start.html    # Kode notifikasi banner atas / Google Tag Manager
    └── body-end.html      # Kode iklan melayang / tombol chat bantuan WhatsApp

1. Memasang Google Analytics (snippets/head-end.html) ​

Buat berkas data/tas/snippets/head-end.html dan isi kode pelacak resmi Anda:

html
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXXXXXXXXX');
</script>

2. Memasang Banner Iklan atau Promo (snippets/body-end.html) ​

Buat berkas data/tas/snippets/body-end.html untuk menyisipkan banner promosi di bagian bawah:

html
<div class="affiliate-banner-promo" style="text-align: center; padding: 1.5rem; background: #f8fafc; border-top: 1px solid #e2e8f0;">
  <p>Ingin diskon tambahan koper kabin? <a href="https://shope.ee/contoh-promo" target="_blank" rel="nofollow noopener">Klaim Voucher Diskon Shopee di Sini ↗</a></p>
</div>

Saat Anda menjalankan php cuanaff site:build atau php cuanaff site:publish, mesin perakit otomatis menyisipkan kode-kode ini secara aman dan rapi.

5. Setup Custom Domain & Deploy Cloudflare Pages ($0/Bulan) ​

Salah satu keunggulan terbesar membangun situs dengan CuanAff adalah efisiensi operasional. Anda tidak perlu menyewa VPS atau hosting bulanan yang membebani dompet. Seluruh website di-hosting gratis selamanya di Cloudflare Pages.

Mengapa Cloudflare Pages Sangat Menguntungkan Publisher? ​

  1. Biaya Server Rp 0 ($0/Bulan Selamanya): Menyediakan bandwidth pengunjung tanpa batas tanpa tagihan bulanan.
  2. Kecepatan Kilat Sedunia (CDN Edge): Halaman ulasan Anda disimpan di ribuan server terdekat dari lokasi pengunjung, sehingga website terbuka instan di bawah 1 detik.
  3. Keamanan SSL Otomatis: Sertifikat gembok hijau HTTPS terpasang otomatis dan diperpanjang gratis selamanya.

Pengelolaan Token Cloudflare yang Aman ​

Kredensial akun Cloudflare Anda disimpan di tempat penyimpanan aman (secure credential store) laptop Anda (seperti Windows Credential Manager atau macOS Keychain). Kredensial tidak pernah ditulis sembarangan di berkas kode ataupun riwayat terminal.

Untuk memeriksa atau menghubungkan akun Cloudflare Anda:

bash
# Memeriksa status koneksi token Cloudflare saat ini
php cuanaff auth status

# Masuk atau atur token akun Cloudflare baru
php cuanaff auth

Menghubungkan Domain Sendiri (Custom Domain) ​

Secara bawaan, setelah Anda menerbitkan situs via php cuanaff site:publish tas, website Anda akan mendapatkan subdomain gratis dari Cloudflare, misalnya https://tas-xxx.pages.dev.

Jika Anda ingin menggunakan domain Anda sendiri (misalnya koperku.com atau tas.delanja.com):

TahapLokasi / Menu CloudflareTindakan Anda
1. Buka Dashboarddash.cloudflare.com → Workers & PagesMasuk ke akun Cloudflare Pages Anda.
2. Pilih ProjectDaftar Project PagesKlik nama project website Anda (contoh: tas).
3. Tambah DomainTab Custom domainsKlik tombol Set up a custom domain & ketik domain Anda (misal: koperku.com).
4. Otomatis AktifStatus DNS & SSLSelesai! DNS dan sertifikat HTTPS aman aktif otomatis dalam hitungan menit.
  1. Buka dashboard Cloudflare Pages di dash.cloudflare.com.
  2. Klik nama project website Anda (misalnya tas).
  3. Pilih menu tab Custom domains, lalu klik tombol Set up a custom domain.
  4. Ketik nama domain yang Anda miliki (misalnya tas.delanja.com atau koperku.com), lalu klik Continue.
  5. Cloudflare akan otomatis mengarahkan catatan DNS dan menerbitkan sertifikat SSL dalam hitungan menit.
  6. Perbarui baris base_url: pada berkas data/tas/config.yaml menjadi alamat domain baru Anda, lalu jalankan php cuanaff site:publish tas.

Website ulasan profesional Anda kini resmi mengudara di alamat domain milik Anda sendiri!

6. Kamus Istilah: Bahasa Pemula Pengganti Jargon Programmer ​

Agar Anda semakin percaya diri menjalankan operasi situs, berikut adalah panduan memahami istilah teknis yang telah disederhanakan:

Istilah Programmer AsingPadanan Bahasa Santai CuanAffArtinya untuk Pemula
VerbatimData Asli Toko / Pabrik (Anti-Ngarang)Spesifikasi dan harga dicatat persis apa adanya dari toko resmi, bukan hasil karangan fiksi.
Kanonikal (Canonical URL)Link Resmi Produk / Alamat UtamaAlamat domain utama website Anda agar Google tahu mana ulasan rujukan asli.
Idempoten (Idempotency)Aman Diulang Berkali-kaliPerintah yang aman Anda jalankan berulang-ulang tanpa takut datanya rusak atau dobel.
SSG Compiler / Build PipelineMesin Perakit Website OtomatisProgram otomatis yang merakit catatan tulisan ulasan dan foto Anda menjadi halaman website super cepat.
Dry RunSimulasi Aman Tanpa TerbitMenjalankan uji coba perintah untuk memeriksa kesehatan data tanpa langsung tayang ke publik.
DOM / Slot InjectionPenyisipan Kode Iklan MandiriCara menyisipkan script statistik dan iklan banner lewat folder snippets/ tanpa utak-atik template.

Dengan menguasai panduan Operasi Situs ini, fondasi aset digital ulasan Anda telah kokoh berdiri. Langkah selanjutnya adalah mengisi etalase website Anda dengan ulasan produk yang bernilai komisi tinggi di Katalog Produk Kurasi!