Cara Mempublikasikan HTML Buatan ChatGPT atau Claude

hdply · 2026-07-04

Anda meminta ChatGPT, Claude, atau Gemini membuatkan halaman web dan mendapat balasan berupa tumpukan HTML yang tampak bagus di pratinjau. Pertanyaan berikutnya selalu sama: bagaimana cara menaruhnya di internet supaya orang lain bisa melihatnya? Ini jalur terpendeknya.

Langkah 1: Minta AI membuat satu file mandiri

Sebelum menyalin apa pun, minta AI menaruh semuanya dalam satu file: "Berikan saya satu file HTML dengan semua CSS dan JavaScript inline." Satu index.html mandiri jauh lebih mudah di-hosting, dibagikan, dan diperbarui dibandingkan folder berisi banyak file terpisah.

Langkah 2: Salin kodenya — Anda bahkan tidak perlu menyimpan file

Di hdply, buat akun gratis, buka editor, dan tempel langsung HTML dari AI. Klik deploy dan halaman langsung aktif di alamat Anda sendiri seperti my-site.hdply.com, sudah termasuk HTTPS. Kalau kodenya sudah tersimpan sebagai file, drag and drop juga bisa.

Total waktu dari "AI selesai menulis" sampai "teman-teman saya bisa membuka tautannya": sekitar satu menit.

Langkah 3: Iterasi bersama AI, deploy ulang dalam hitungan detik

Kekuatan sesungguhnya dari halaman buatan AI adalah iterasi: minta perubahan, dapatkan kode baru, tempel, simpan. Setiap deploy diberi versi secara otomatis, jadi kalau versi 5 merusak sesuatu, Anda bisa memulihkan versi 4 dengan satu klik. Tanpa Git, tanpa pipeline build — alurnya cukup chat → tempel → simpan.

Tiga hal yang perlu diperiksa sebelum publikasi

Jangan ada rahasia di dalam kode. Kalau AI menambahkan API key (untuk widget cuaca, peta, atau panggilan LLM), ingat bahwa halaman itu publik — siapa pun bisa membaca sumbernya. Gunakan hanya key yang memang dimaksudkan untuk publik, atau hapus fiturnya.
Gambar butuh URL sungguhan. AI kadang merujuk gambar yang tidak ada. Gunakan tautan ke gambar nyata yang sudah di-hosting — atau minta AI membuat SVG inline, yang sama sekali tidak butuh file eksternal.
Cek di ponsel. Tempel dan deploy, lalu buka URL-nya di ponsel Anda. Minta AI memperbaiki apa pun yang terlihat janggal; deploy ulang hanya butuh beberapa detik.

Kenapa tidak membagikan tautan chat atau screenshot saja?

Tautan chat kedaluwarsa, mewajibkan akun, dan memperlihatkan prompt Anda. Screenshot tidak interaktif. URL sungguhan bersifat permanen, terbuka di perangkat apa pun, dan tampak seperti produk jadi — karena memang begitu adanya.