Di artikel sebelumnya, kamu sudah kenalan dengan Weba — platform AI yang bikin website dari teks. Sekarang waktunya praktek.

Di tutorial ini, kita bakal bikin website landing page profesional dari nol. Tanpa coding. Tanpa instal software apa pun. Cuma modal browser dan ide.

Step 1 — Daftar (Gratis, 30 Detik)

Buka web.weba.pandusatrianura.cloud/register. Isi email dan password. Itu saja. Kamu langsung dapat token gratis buat generate website pertama.

Kenapa gratis? Karena kami ingin kamu ngerasain dulu hasilnya. Kalau puas, kamu bisa topup token buat bikin website berikutnya.

Step 2 — Pilih Template atau Mulai dari Nol

Setelah login, kamu masuk ke Dashboard. Ada dua pilihan:

Opsi A: Template

Klik "Template", pilih salah satu yang cocok. Ada portofolio, landing page bisnis, blog personal. Template udah ada struktur + desain, kamu tinggal ganti konten.

Opsi B: Brief Sendiri (Kita Pakai Ini)

Klik "Dari Brief Sendiri". Tulis deskripsi website yang kamu mau. Nggak perlu teknis — tulis aja seperti kamu jelasin ke teman.

Contoh brief yang akan kita pakai:

Website landing page untuk "Kedai Kopi Nusantara",
kedai kopi specialty di Bandung.
Tone: hangat, earthy, modern minimalis.
Halaman: Hero (dengan tagline), Menu andalan, Tentang kami, Lokasi & jam buka, Kontak (WhatsApp).
Warna: coklat tua, krem, hijau daun.

Jangan khawatir kalau brief-nya kurang lengkap — Prompt Assistant bakal bantu nyempurnain.

Step 3 — Prompt Assistant Susun Brief

Klik "Prompt Assistant". Dia bakal nanya beberapa hal:

• Siapa target pengunjung?

• Ada fitur khusus? (booking, galeri, dll.)

• Mood/kesan yang diinginkan?

Jawab seadanya. Asisten bakal susun brief yang lebih terstruktur dari jawaban kamu. Hasil brief yang udah dirapihin:

Website landing page satu halaman untuk Kedai Kopi Nusantara,
kedai kopi specialty di Bandung.

Halaman:
- Hero: Nama kedai, tagline "Dari Petani, Untuk Penikmat", CTA WhatsApp
- Menu andalan: 4 kopi signature + deskripsi singkat
- Tentang kami: cerita singkat kedai, foto interior
- Lokasi & jam buka: alamat + embedded Google Maps
- Kontak: nomor WhatsApp, Instagram

Target pengunjung: 20-35 tahun, urban, pecinta kopi specialty
Tone: warm, earthy, modern minimal
Warna: #4A3728 (coklat tua), #F5F0E8 (krem), #2D5A27 (hijau daun)
Font: serif untuk heading, sans-serif untuk body

Klik "Lanjutkan".

Step 4 — Multi-Agent Planner Bikin Rencana Halaman

Ini yang bikin Weba beda dari AI builder lain. Planner bukan cuma generate satu halaman — dia susun rencana lengkap:

1. Struktur setiap halaman (header, section, footer)

2. Konten yang perlu ditulis untuk tiap section

3. Layout rekomendasi (hero, grid, card, dll.)

4. SEO dasar (meta title, meta description)

Proses ini sekitar 30 detik. Begitu selesai, kamu bisa review dulu. Ada yang kurang? Edit langsung di panel planner.

Step 5 — Generate Website

Klik "Generate". Weba mulai kerja:

1. Generator tulis kode HTML/CSS/JS untuk setiap halaman

2. QA Agent cek error, broken link, accessibility

3. Repair Agent betulin masalah yang ditemukan QA

4. Semua halaman di-assemble jadi satu website utuh

Estimasi: 4–7 menit (tergantung kompleksitas). Kamu bisa lihat progress real-time di Generation Terminal.

Step 6 — Website Refinement Chat

Website udah jadi. Tapi mungkin ada yang kurang pas. Di sinilah Website Refinement Chat beraksi.

Kamu ngobrol sama AI tentang website kamu — seperti ngobrol sama developer:

• "Tolong ganti warna background hero jadi lebih gelap"

• "Font heading terlalu kecil, besarin"

• "Gambar di section menu pecah, bisa diganti?"

AI langsung ubah kode-nya. Kamu lihat hasilnya di preview panel.

Nggak perlu ngerti HTML atau CSS. Cukup bilang apa yang kamu mau.

Step 7 — Editor Copilot (Buat yang Mau Lebih Detail)

Kalau kamu ada pengalaman coding (atau penasaran), Editor Copilot siap bantu:

• Tulis komponen baru

• Debug error JavaScript

• Optimasi performa (lazy loading, minifikasi)

• Tambah animasi CSS

Tapi kalau nggak butuh — skip aja. Website kamu udah layak tayang.

Step 8 — Preview & Deploy

Klik "Preview". Cek semua halaman — mobile, tablet, desktop. Responsive otomatis.

Kalau udah puas, klik "Terbitkan". Weba deploy website kamu ke custom subdomain:

kedai-kopi-nusantara.weba.pandusatrianura.cloud

Proses deploy ~30 detik. Website kamu langsung bisa diakses siapa pun.

Kenapa Weba?

Setelah ngerjain tutorial ini, bandingkan kalau kamu bikin website dari nol:

Action Item — Cobain Sekarang

1. Buka web.weba.pandusatrianura.cloud/register

2. Pilih "Dari Brief Sendiri"

3. Copy-paste brief di atas (atau bikin brief sendiri)

4. Klik Generate

5. 7 menit kemudian — website kamu tayang

Next: Edisi 3 — Multi-Agent AI Weba

Di edisi berikutnya: gimana Weba bisa lebih akurat dari AI builder lain? Kita bongkar cara kerja Multi-Agent Planner + QA + Repair yang bikin hasilnya konsisten.

Ada pertanyaan atau request topik? Kirim ke weba@pandusatrianura.cloud.