Luncurkan landing page profesional Anda dalam 5 menit dengan Claude dan hosting gratis
Hasilkan kode situs siap pakai dengan satu kalimat dan publikasikan secara gratis di internet tanpa pemrograman.
- 1.Buka situs Claude dan masuk ke akun gratis Anda (atau buat akun baru).
Jika layanan tidak tersedia di wilayah Anda, gunakan VPN untuk mengakses situs.
Claude ↗Tentang alat ini - 2.Pastikan fitur Artifacts diaktifkan. Klik ikon profil, pilih Settings, lalu Feature Preview, dan periksa bahwa saklar Artifacts aktif.
Fitur ini memungkinkan Claude menampilkan kode siap pakai sebagai pratinjau interaktif di panel terpisah.
Claude ↗Tentang alat ini - 3.Tempelkan prompt berikut ke kolom chat, ganti teks dalam kurung dengan data proyek Anda, dan kirim pesan.
Hasilkan kode dalam satu file agar lebih mudah diunggah ke hosting.
Claude ↗Tentang alat iniPromptBuat situs web landing satu halaman profesional dan fully responsive untuk [nama bisnis Anda, mis. desainer grafis freelance]. Tulis sebagai satu file HTML dengan inline CSS dan JavaScript. Sertakan bagian Hero dengan call to action, bagian Services, bagian About, dan bagian Contact dengan form sederhana. Gunakan palet warna modern dan minimalis.
Apa fungsi prompt iniPrompt ini meminta Claude membuat situs satu halaman profesional dalam satu file HTML dengan gaya dan skrip tersemat. Ganti teks dalam kurung siku [ ] dengan nama dan inti bisnis Anda. - 4.Tunggu hingga respons selesai dibuat. Di panel Artifacts sebelah kanan, klik ikon unduh (Download) atau «Publish» untuk menyimpan file index.html siap pakai ke komputer Anda.
Jika panel Artifacts tidak muncul, minta Claude di chat: 'Please create an artifact for this code'.
Claude ↗Tentang alat ini - 5.Buka Netlify Drop dan seret file index.html yang sudah diunduh ke area titik-titik di layar.
Jangan unggah file yang berisi data rahasia atau pribadi. Jika layanan tidak tersedia, gunakan hosting statis gratis serupa, misalnya Tiiny.host.
Netlify Drop ↗ - 6.Tunggu hingga unggahan selesai (butuh beberapa detik) lalu salin tautan publik yang diberikan. Situs Anda kini dapat diakses melalui alamat tersebut.
Anda bisa mendaftar di Netlify untuk menghubungkan domain sendiri dan memantau jumlah pengunjung.
Netlify Drop ↗
- gratisClaude (Free tier)Paket gratis memberikan akses ke fitur Artifacts dan pembuatan kode, namun memiliki batas dinamis pada jumlah pesan per jam tergantung beban layanan.
- gratisNetlify (Free tier)Paket gratis memungkinkan hosting jumlah situs statis tak terbatas tanpa perlu menghubungkan kartu bank.
Layanan AI berubah cepat - antarmuka dan batas gratis bisa berbeda dari yang dijelaskan.