Ekin AI Studio

Tutorial Membuat Web Generator AI dengan Domain Sendiri Bagi Pemula

1. Buat Kode Generator AI dengan Gemini

Langkah pertama mari kita buat Web Generator AI dengan HTML keseluruhan include CSS dan Javascript, atau mau buat terpisah itu tergantung kebutuhan sendiri. Disini untuk kita pemula biar secara keseluruhan saja ya dalam satu html.

Pertama kita ke Gemini dan instruksikan untuk membuat Web Generator AI dengan API Key Pollinations. Contoh prompt-nya:

Buatkan generator gambar AI menggunakan parameter Text-to-image berikut ini:
Base URL: https://gen.pollinations.ai
Get your API key: enter.pollinations.ai
https://enter.pollinations.ai/
modern, responsif dan lengkap dalam satu keseluruhan dalam bentuk html.
Tambahkan fitur model, Style dan aspek rasio lengkap.

2. Simpan dan Uji Coba HTML

Setelah selesai copas htmlnya, simpan dengan nama index.html dan test, apakah bisa berjalan atau masih gagal. Jika ada yang kurang silahkan lampirkan filenya atau perintah kembali ke Gemini.

3. Beli Domain

Jika sudah dianggap bisa menghasilkan gambar, selanjutnya kita harus beli domain di IDWebhost Promo Domain.

4. Persiapan Akun GitHub

Setelah aktif pilihan domainnya, lalu ke GitHub buat akun dan pastikan saat login di GitHub userID jangan ada huruf besar, semua harus huruf kecil.

5. Buat Repository GitHub

Setelah login berhasil di GitHub, lanjut create repository, buat nama dengan huruf kecil semua. Kalau bisa disamakan dengan userID, contoh: ekin-github-io.

6. Upload File HTML ke GitHub

Setelah itu create new file bagian bawah, copy paste semua kode html yg sudah kita simpan di notepad, lalu beri nama index.html di bagian atas. Sampai disini selesai di GitHub.

7. Deploy ke Vercel

  • Buat Akun Vercel: Pergi ke vercel.com dan daftar menggunakan akun GitHub kamu untuk mempermudah proses.
  • Import Proyek dari Git: Setelah login ke dashboard Vercel, klik "Add New..." > "Project". Berikan izin akses GitHub, pilih repositori kamu, lalu klik "Import".
  • Konfigurasi Deploy: Vercel akan otomatis mendeteksi proyek. Klik "Deploy".

Selesai! Vercel akan mulai membangun (build) aplikasi kamu. Setelah selesai, klik URL unik yang diberikan untuk melihat generator gambar kamu yang sudah live!

8. Daftarkan Domain di Vercel

Beritahu Vercel alamat domain baru kamu:

  • Buka dashboard Vercel, masuk ke proyek web kamu, klik menu Settings > Domains.
  • Ketik nama domain kamu (misalnya: ekin-ai-studio.my.id), lalu klik Add.

Dapatkan Alamat Nameserver Vercel: Jika muncul pesan Invalid Configuration, pilih opsi Nameservers. Vercel akan menampilkan dua alamat standar:
ns1.vercel-dns.com
ns2.vercel-dns.com

9. Ubah Nameserver di Panel IDWebhost

Sekarang masukkan kedua alamat tersebut ke IDWebhost:

  • Login ke Member Area IDWebhost > Domain > Domain Saya.
  • Cari domain kamu, klik ikon Manage/Kelola (Obeng/Tang).
  • Klik menu Nameservers di sebelah kiri. Pilih opsi Gunakan custom nameservers.
  • Ganti nameserver bawaan dengan milik Vercel:
    Nameserver 1: ns1.vercel-dns.com
    Nameserver 2: ns2.vercel-dns.com
  • Klik tombol Ubah Nameserver.

Tahap Menunggu Propagasi: Perubahan ini membutuhkan waktu agar dikenali internet global (bisa beberapa menit hingga 24 jam). Biarkan halaman Domains di Vercel terbuka, statusnya akan otomatis menjadi centang biru (Valid Configuration) jika sudah terdeteksi.