Dari folder di laptop menjadi web yang dipakai umum.

0. Hasil koreksi seluruh web (12 Oktober 2026)

Semua halaman diperiksa: 17 halaman web dan alat, 182 tautan luar (audio, PDF mushaf, foto, font), isi 20 artikel Faedah, harga, nama program, nomor WhatsApp, tampilan di laptop dan HP.

1. Peta sistem KAQ

Seluruh KAQ berjalan di satu domain dengan tiga pintu. Semua file sudah diatur memakai kunahlalquran.web.id. Per 12 Oktober 2026, domain ini dan kunahlalquran.com tercatat belum dimiliki siapa pun, jadi masih bisa dibeli. Cek lagi saat membeli.

2. Fitur lengkap KAQ & cara memakainya

Setiap fitur ditulis dengan pola yang sama: untuk siapa, apa gunanya, cara pakai, dan file yang diubah bila ingin mengganti isinya.

A. Web publik (dibuka semua orang)

B. Area Wali (terkunci per wali)

C. Area Staf (terkunci untuk tim)

D. Cetak & promosi (tidak di-upload)

3. Biaya: seminimal mungkin

4. Langkah peluncuran (bisa selesai dalam 1 pekan)

Kerjakan berurutan. Setiap tahap punya tanda “selesai bila” supaya Anda tahu kapan boleh lanjut.

Tahap 1 · Akun dasar (hari 1, ±30 menit)

1. Buat email khusus, misalnya kunahlalquran.official@gmail.com. Semua akun KAQ memakai email ini.
2. Nyalakan verifikasi 2 langkah (Google Account → Keamanan).
3. Simpan salinan folder KAQ-SISTEM di laptop dan di Google Drive akun KAQ.

Selesai bila email KAQ aktif dengan 2FA dan folder sudah tercadangkan.

Tahap 2 · Beli domain (hari 1)

1. Pilih registrar yang terakreditasi PANDI (daftarnya ada di pandi.id).
2. Cari kunahlalquran.web.id, bayar 1 tahun, dan siapkan foto KTP untuk verifikasi .id.
3. Di panel registrar, nyalakan auto-renew dan domain lock.

Selesai bila domain tercatat atas nama Anda dan auto-renew menyala.

Tahap 3 · Hubungkan Cloudflare (hari 1–2)

1. Daftar di dash.cloudflare.com dengan email KAQ dan nyalakan 2FA.
2. Tekan Add a site / Add a domain, ketik kunahlalquran.web.id, lalu pilih paket Free.
3. Cloudflare memberi 2 alamat nameserver. Salin keduanya ke menu Nameserver di registrar, menggantikan yang lama.
4. Tunggu sampai status domain di Cloudflare menjadi Active. Biasanya beberapa jam, paling lama 24 jam.

Selesai bila Cloudflare menampilkan “Active”.

Tahap 4 · Online-kan web publik (hari 2)

1. Di Cloudflare buka Workers & Pages → Create application → Pages, lalu pilih opsi Upload assets / drag and drop.
2. Isi nama proyek kaq-web, lalu seret isi folder 01-web-publik (bukan foldernya) dan tekan Deploy.
3. Buka alamat sementara kaq-web.pages.dev. Cek beranda, /online/, /daftar/, /murottal/, /faedah/, /toko/, /komunitas/.
4. Di proyek, buka Custom domains → Set up a custom domain. Isi kunahlalquran.web.id, lalu ulangi untuk www.kunahlalquran.web.id.
5. Uji di HP: gembok HTTPS muncul, tombol WhatsApp terbuka, audio murottal berbunyi, dan artikel Faedah terbuka.
6. Uji share: kirim link ke WA Anda sendiri. Gambar pratinjau KAQ harus muncul.

Selesai bila kunahlalquran.web.id terbuka dengan gembok di HP dan link yang dibagikan menampilkan gambar.

Tahap 5 · Online-kan Area Staf & kunci (hari 3)

1. Ulangi Tahap 4 dengan nama proyek kaq-staf, upload isi folder 03-area-staf, dan custom domain staf.kunahlalquran.web.id.
2. Langsung kunci mengikuti Bagian 5 sebelum alamat ini dibagikan ke siapa pun.
3. Uji di HP dalam mode incognito: halaman harus meminta email dan kode.

Tahap 6 · Area Wali (saat santri Kelas Premium pertama siap)

1. Buat proyek kaq-wali. Upload pertama memakai isi 02-area-wali, selanjutnya memakai zip dari Laporan Wali. Custom domain wali.kunahlalquran.web.id.
2. Kunci per santri (Bagian 5).
3. Buka 01-web-publik/assets/js/main.js dan isi waliUrl: 'https://wali.kunahlalquran.web.id'. Upload ulang kaq-web, dan tombol “Masuk Area Wali” akan muncul.

Tahap 7 · Lengkapi isi (hari 4–5)

1. Instagram: isi URL asli di main.js (instagram:). Tombol Instagram akan muncul sendiri.
2. Foto founder: simpan sebagai assets/img/founder.jpg, lalu isi founderPhoto: 'assets/img/founder.jpg'.
3. Toko: isi harga ebook & kaos di Dasbor Toko. Bila OrderHero siap, tempel link Form Order di kolom checkout, ubah status menjadi aktif, unduh produk.js, lalu ganti filenya.
4. Upload ulang kaq-web: Create new deployment → seret isi 01-web-publik.

Tahap 8 · Daftar ke Google (hari 5)

1. Google Search Console (search.google.com/search-console): tambahkan properti kunahlalquran.web.id dan verifikasi lewat DNS. Karena domain sudah di Cloudflare, verifikasinya bisa otomatis. Lalu buka menu Sitemaps dan kirim sitemap.xml.
2. Google Business Profile (business.google.com): buat profil “Kun Ahlal Qur’an (KAQ)”, kategori lembaga pendidikan Al-Qur’an / tempat kursus. Isi website, WhatsApp, dan jam layanan. Bila belajar hanya online, pilih tipe bisnis layanan tanpa alamat publik.

Tahap 9 · Peluncuran (hari 6–7)

1. Ganti bio Instagram dan profil WhatsApp Business dengan link kunahlalquran.web.id.
2. Kirim pengumuman ke grup wali dan kontak dengan pesan dari Materi Promosi.
3. Posting 3 konten pertama: 1 iklan program (folder iklan-gambar), 1 artikel Faedah, dan 1 tautan Murottal.
4. Catat setiap pendaftar baru di Buku Induk (tab Pendaftaran).

KAQ resmi online. Lanjutkan dengan rutinitas di Bagian 7.

5. Mengunci area privat (wajib)

Area Wali dan Area Staf berisi data anak dan data internal, jadi keduanya dikunci memakai Cloudflare Zero Trust Access. Pengunjung memasukkan email, menerima kode di email itu, lalu masuk. Paketnya gratis sampai 50 pengguna.

1. Cloudflare → Zero Trust. Pertama kali, pilih nama tim (misalnya kaq) dan paket Free.
2. Buka Settings → Authentication dan pastikan One-time PIN aktif.
3. Buka Access → Applications → Add an application → Self-hosted.
4. KAQ Staf: domain staf.kunahlalquran.web.id, policy Allow → Include → Emails, isi email Anda dan email tim.
5. KAQ Wali (sambutan): domain wali.kunahlalquran.web.id, policy Allow → Emails, isi semua email wali premium.
6. Per santri: buat aplikasi untuk domain wali.kunahlalquran.web.id dengan path kode santri (misalnya muhammad-azka-x7k2), policy Allow → email wali santri itu saja.
7. Uji dengan HP mode incognito.

6. Cara mengedit sendiri

Alat: Visual Studio Code (gratis) di laptop. Tiga aturan sebelum mengedit:

1. Salin dulu foldernya sebagai cadangan, misalnya KAQ-SISTEM-cadangan-2026-10-12.
2. Ubah hanya teks di antara tanda kutip atau di antara tag. Jangan menghapus tanda < > " ' { } , ;.
3. Simpan, lalu buka filenya dengan klik dua kali untuk mengecek sebelum upload.

Mengunggah perubahan

1. Cloudflare → Workers & Pages → pilih proyek (misalnya kaq-web).
2. Tekan Create new deployment, pilih Production, seret isi folder yang sudah diubah, lalu Deploy.
3. Bila ada yang salah, buka tab Deployments → pilih versi sebelumnya → Rollback. Web langsung kembali seperti semula.

7. Rutinitas agar KAQ tetap hidup

8. Mengembangkan tim & promosi ke umum

Peran yang bisa direkrut bertahap

Setiap anggota baru: tambahkan emailnya di Cloudflare Access (KAQ Staf), cetak ID Card staf dari folder id-card, dan minta ia membaca panduan ini serta 6 adab di halaman Komunitas.

Urutan promosi yang hemat

1. Gratis & paling cepat: status WA, grup wali, dan jaringan ma’had. Bagikan link halaman yang relevan, bukan hanya beranda.
2. Instagram rutin: 3 posting per pekan (1 program, 1 Faedah, 1 Murottal/mushaf) dan story harian.
3. Google: Business Profile dan Search Console. Artikel Faedah membantu KAQ ditemukan lewat pencarian.
4. Iklan berbayar (setelah ada pendaftar organik): mulai kecil (misalnya Rp20–30 ribu/hari selama 7 hari) memakai file di iklan-gambar dan video, arahkan ke /online/. Pasang Pixel lewat OrderHero agar hasilnya terukur.
5. Bukti nyata: setelah ada santri, kumpulkan testimoni asli dengan izin tertulis, lalu ganti kotak “Testimoni akan hadir” di beranda.

9. Keamanan & cadangan

• Data anak (nama lengkap, nilai, rekaman, nomor wali) hanya ada di Area Wali/Staf yang terkunci, tidak pernah di halaman publik.
• 2FA di email, registrar domain, Cloudflare, dan OrderHero.
• Buku Induk & Laporan Wali menyimpan data di browser perangkat yang dipakai.
  • Gunakan satu laptop tetap dan jangan mode incognito.
  • Unduh cadangan setiap pekan.
  • Bila pindah perangkat, pakai menu pulihkan.
• Ebook & buku setoran adalah aset KAQ. Kirim hanya ke pembeli dan jangan diunggah ke halaman publik.
• Tiga lokasi cadangan: laptop, Google Drive akun KAQ, dan flashdisk.
• Foto berlisensi di hero halaman tetap wajib mencantumkan kredit. Saat sudah punya foto kegiatan sendiri (dengan izin), ganti fotonya dan hapus kreditnya.

10. Keputusan yang menunggu Anda

11. Minta bantuan Claude untuk mengembangkan

Untuk perubahan besar (halaman baru, fitur baru, desain baru), lampirkan file yang ingin diubah atau seluruh zip KAQ-SISTEM, lalu jelaskan perubahannya. Contoh:

Saya lampirkan KAQ-SISTEM.zip. Tolong:
1. Ubah harga Privat 8 Pertemuan KAQ Online jadi Rp350.000 (promo Rp275.000).
2. Samakan di Dasbor Toko dan Materi Promosi.
3. Gaya tetap web KAQ. Kirim kembali zip utuhnya dan sebutkan file apa saja yang berubah.

Tambahkan 4 artikel Faedah baru tentang adab penghafal Al-Qur'an.
Wajib bersumber (nomor hadits + derajat), ayat dengan terjemah Kemenag,
lalu perbarui artikel.js dan Dasbor Faedah.

Setelah menerima file baru: simpan menggantikan file lama di folder yang sama, cek dengan klik dua kali, lalu upload ulang proyeknya (Create new deployment).