Cara Bikin Website Tanpa Coding Pakai AI, dari Nol Sampai Online di Domain Sendiri

TAHAP 1 — Siapin bahan dulu

Tulis lima hal ini di notes HP kalian. Serius, tulis dulu — ini yang nentuin hasil akhirnya.

1. Nama usaha/brand kalian
2. Satu kalimat: kalian ngapain, buat siapa. Contoh: "Katering rumahan masakan Sunda untuk acara kantor di Bandung."
3. SATU aksi utama yang kalian mau pengunjung lakuin. Pilih satu aja: WhatsApp kalian? Isi form? Lihat menu? Website yang nyuruh orang ngelakuin lima hal sekaligus itu bikin orang gak ngelakuin apa-apa.
4. 3–5 poin kenapa orang harus pilih kalian. Yang spesifik, bukan "berkualitas dan terpercaya".
5. Foto/logo kalau ada. Foto asli produk kalian sendiri jauh ngalahin foto stok — ini beda paling gede antara website yang kelihatan beneran sama yang kelihatan template.

TAHAP 2 — Bikin website-nya pakai Claude

Buka claude.ai, mulai chat baru, dan tempel prompt ini. Isi bagian [ISI] pakai bahan dari Tahap 1.

Gw mau bikin website satu halaman untuk usaha gw, dan gw TIDAK bisa coding
sama sekali. Tolong lu yang bikinin kodenya lengkap, gw yang kasih arah.

USAHA GW: [ISI - contoh: Dapur Ibu, katering rumahan masakan Sunda]
APA YANG GW LAKUIN: [ISI - satu kalimat, buat siapa]
TARGET PENGUNJUNG: [ISI - contoh: karyawan kantor di Bandung yang
  butuh katering acara]
SATU AKSI UTAMA yang gw mau pengunjung lakuin: [ISI - contoh: klik
  tombol WhatsApp buat tanya harga]
KENAPA ORANG PILIH GW: [ISI - 3-5 poin spesifik]
KONTAK GW: [ISI - nomor WhatsApp, Instagram, alamat kalau ada]

WEBSITE REFERENSI yang gw suka: [ISI - tempel 1-3 link website yang
  tampilannya gw suka. Kalau gak punya, tulis: "gak ada, lu pilihin
  gaya yang cocok buat usaha gw"]

ATURAN MAIN:
1. Kalau gw kasih link referensi di atas, pelajari dulu gaya visualnya
   dan lapor ke gw apa yang lu tangkep SEBELUM mulai bikin. Ambil
   prinsip desainnya aja, jangan jiplak — teks dan warna harus punya gw.
2. Bikin dalam SATU file HTML (CSS dan JavaScript digabung di dalamnya),
   biar gw gampang naruhnya nanti.
3. WAJIB enak dibuka di HP. Mayoritas pengunjung gw pakai HP.
4. Tombol aksi utama harus jelas kelihatan tanpa perlu scroll jauh.
5. Teksnya bahasa Indonesia yang natural — jangan kaku kayak brosur.
6. Jangan pakai gambar dari internet yang bisa mati linknya. Kalau butuh
   ilustrasi, pakai bentuk/warna sederhana atau emoji.

Kerjain bertahap: kasih gw struktur halamannya dulu, tunggu gw setuju,
baru bikin kodenya. Jelasin se-simple mungkin, gw gak ngerti istilah teknis.

Setelah hasilnya keluar, jangan langsung terima. Tiga hal yang harus kalian lakuin:

• Baca tiap kalimat. Ganti yang kedengaran generik. Kalimat kayak "kami berkomitmen memberikan pelayanan terbaik" itu ada di sejuta website dan gak berarti apa-apa.
• Minta revisi dengan bahasa biasa. "Warnanya kurang cerah, bikin lebih hangat." "Bagian harga naikin ke atas." "Tombol WhatsApp-nya kegedean." Gak perlu istilah teknis.
• Cek di HP lewat preview yang muncul di Claude, sebelum lanjut ke tahap berikutnya.

Kalau udah puas, minta: "Kasih gw file HTML lengkapnya buat gw download." Simpan filenya dengan nama persis index.html — nama ini penting, jangan diganti.

TAHAP 3 — Bikin website-nya online (gratis)

Sekarang file itu masih di komputer kalian doang. Kita taro di internet.

3a. Bikin akun GitHub

Ini "gudang" file website kalian. Buka github.com, daftar pakai email.

Setelah masuk, cari tombol New repository (biasanya tombol hijau atau ikon + di kanan atas):

• Repository name: isi bebas, contoh website-usaha
• Pilih Public
• Centang Add a README file
• Klik Create repository

Sekarang upload file kalian: di halaman repository yang baru jadi, cari Add file → Upload files, lalu seret index.html ke sana. Scroll ke bawah, klik Commit changes.

3b. Sambungin ke Vercel

Buka vercel.com, dan pas daftar pilih Continue with GitHub — ini yang bikin dua akun tadi otomatis nyambung.

Setelah masuk:

1. Cari Add New → Project
2. Vercel bakal nampilin daftar repository GitHub kalian → pilih website-usaha → Import
3. Jangan ubah setting apa pun. Langsung Deploy
4. Tunggu sekitar satu menit

Selesai. Website kalian udah online, di alamat semacam website-usaha.vercel.app. Buka dari HP kalian — itu website beneran, bisa dibuka siapa aja di dunia.

Kalau kalian gak mau bayar domain, kalian bisa berhenti di sini. Alamat .vercel.app itu gratis selamanya dan tetap berfungsi penuh.

TAHAP 4 — Beli domain di GoDaddy dan pasang

Di sini kalian ngubah website-usaha.vercel.app jadi namausaha.com.

4a. Beli domainnya

Buka godaddy.com, ketik nama domain yang kalian mau di kolom pencarian.

Milih ekstensi:

Empat hal yang harus kalian perhatiin pas checkout — ini bagian yang bikin orang kaget belakangan:

1. Cek harga perpanjangan tahun ke-2. Harga promo tahun pertama sering jauh lebih murah dari harga normal. Ini bukan jebakan tersembunyi, tapi orang sering gak ngecek dan kaget tahun depan.
2. Tolak hosting. GoDaddy bakal nawarin paket hosting. Kalian gak butuh — Vercel udah jadi hosting kalian, dan gratis.
3. Tolak SSL/sertifikat keamanan. Vercel ngasih ini otomatis dan gratis (yang bikin gembok muncul di address bar).
4. Domain privacy itu yang nyembunyiin nama dan alamat kalian dari database publik domain. Ini yang satu-satunya layak dipertimbangkan — kalau gratis di paketnya, ambil.

Bayar, selesai. Domain kalian sekarang ada tapi belum nunjuk ke mana-mana.

4b. Daftarin domainnya di Vercel

Urutannya penting: Vercel dulu, GoDaddy belakangan. Karena Vercel yang bakal ngasih tau kalian angka apa yang harus diisi.

Di Vercel, buka project kalian:

1. Masuk tab Settings → Domains
2. Ketik domain kalian (contoh: namausaha.com), klik Add
3. Vercel bakal nampilin instruksi berisi dua baris data yang harus kalian salin

Dua baris itu biasanya bentuknya begini:

Tipe: A       Nama: @      Nilai: (alamat IP dari Vercel)
Tipe: CNAME   Nama: www    Nilai: (alamat dari Vercel)

Biarkan halaman ini kebuka. Kalian bakal bolak-balik. Dan salin nilainya dari layar Vercel kalian, bukan dari contoh mana pun di internet — nilai inilah yang benar untuk akun kalian.

4c. Isi di GoDaddy

Buka GoDaddy di tab lain:

1. Masuk ke My Products (atau "Produk Saya")
2. Cari domain kalian → klik DNS atau Manage DNS
3. Kalian bakal lihat tabel berisi beberapa baris

Sekarang, bagian yang harus hati-hati:

Langkahnya:

• Baris A: cari baris yang Type-nya A dan Name-nya @. Klik ikon edit/pensil, ganti nilainya dengan nilai dari Vercel. Simpan.
• Baris CNAME: klik Add atau Add New Record. Type: CNAME, Name: www, Value: nilai dari Vercel. Simpan.

Kalau ada opsi TTL, biarin default.

4d. Tunggu

Balik ke Vercel, halaman Settings → Domains tadi. Awalnya bakal ada tulisan invalid atau pending — itu normal.

Perubahan DNS butuh waktu nyebar ke seluruh internet: biasanya 10–30 menit, kadang sampai 24 jam. Gak ada yang bisa dipercepat.

Kalau udah nyambung, Vercel bakal nunjukin tanda centang, dan sertifikat keamanan (HTTPS) dipasang otomatis. Buka domain kalian di HP — website kalian udah di sana.

Checklist sebelum sebar linknya

Jangan lewatin ini. Lima menit, dan nyelametin kalian dari malu.

• Buka dari HP orang lain, bukan cuma HP kalian
• Semua tombol beneran keklik — terutama tombol WhatsApp
• Nomor kontak bener, coba klik dan lihat nomornya
• Baca ulang semua teks — ada [ISI] yang lupa keganti gak?
• Buka pakai kuota, bukan wifi — pastiin loadingnya gak lama
• Ada gembok di sebelah alamat website (tanda HTTPS aktif)

Kalau gagal

1. Hasil AI-nya kelihatan generik, kayak website AI lainnya. Hampir selalu karena brief-nya kependekan. Balik ke Tahap 1 dan tambahin hal-hal yang cuma kalian yang tau: nama produk asli, cerita kenapa mulai usaha ini, keluhan pelanggan yang sering muncul. Detail personal itu yang bikin AI berhenti nulis template. Cara cepat ngetesnya: kalau teks di website kalian bisa dipakai kompetitor tanpa diubah sedikit pun, berarti terlalu generik.

2. Domain udah lewat 24 jam tapi masih belum nyambung. Urutan ngeceknya: (a) buka lagi DNS di GoDaddy, cocokin nilainya karakter demi karakter sama yang di layar Vercel — satu titik ketinggalan bikin gagal total; (b) pastiin Name-nya @ untuk baris A dan www untuk CNAME, bukan nama domain lengkap; (c) cek gak ada dua baris A dengan nama @ — kalau ada, hapus yang lama, sisain yang nilainya dari Vercel.

3. Website muncul, tapi tulisannya "Not Found" atau halaman kosong. File kalian kemungkinan namanya bukan index.html, atau kesimpan di dalam folder. Cek di GitHub: file itu harus ada di halaman depan repository, bukan di dalam folder, dan namanya persis index.html — huruf kecil semua.

4. Mau ganti isi website tapi bingung caranya. Balik ke chat Claude yang tadi, minta revisi, download file barunya. Terus di GitHub: buka file index.html, klik ikon pensil, hapus semua isinya, tempel isi file baru, Commit changes. Vercel bakal update website kalian otomatis dalam waktu semenit — kalian gak perlu ngapa-ngapain lagi di Vercel.

5. Kebanyakan mikir, belum mulai-mulai. Ini kegagalan yang paling sering, dan paling mahal. Website versi pertama yang online ngalahin website sempurna yang masih di kepala. Kalian bisa revisi kapan aja — sekarang revisi itu cuma ngobrol sama AI, bukan bayar developer lagi.

Setelah website kalian online

Website yang cuma nampilin informasi itu brosur digital. Yang bikin dia jadi aset adalah kemampuannya nangkep sesuatu — nomor WhatsApp calon pembeli, alamat email, atau pesanan yang masuk otomatis.

Langkah berikutnya yang paling worth: pasang form penangkap email — pengunjung tinggalin email, dapet sesuatu yang berguna (panduan, diskon, katalog), dan email itu masuk ke daftar milik kalian. Follower di media sosial itu pinjaman dari platform; algoritma berubah, jangkauan kalian ilang. Daftar email itu aset yang gak bisa diambil siapa pun.

Kalau kalian mau lanjut ke otomasi operasionalnya — notifikasi pesanan, atau bot yang jawab pertanyaan pelanggan berulang — ada cerita nyata (termasuk yang gagalnya) di Build Story otomasi toko online kita.

Yang penting: hari ini kalian punya website di domain sendiri, dan yang kalian bayar cuma domainnya. Sisanya tinggal dipoles.