Cara Membuat Website Generate AI Gambar & Video dengan Custom Kolom di VPS

Laptop computer on desk for website development

Kamu pasti sudah lihat website-website seperti PlaygroundAI, RunwayML, atau Kaiber. Mereka bisa mengubah teks menjadi gambar, bahkan video sinematik, hanya dengan klik. Tapi mayoritas layanan itu:

❌ Mahal
❌ Ada watermark
❌ Fitur terbatas kecuali bayar

Sekarang, kamu bisa membuat website AI sendiri di VPS — tempat pengunjung bisa mengisi form, klik submit, dan dalam 1 menit… ✨ keluar gambar/video AI yang mereka minta.

🧠 Key Takeaways

🎨 Bisa membuat website untuk generate gambar dan video berbasis AI dari teks pengguna
🧠 Menggunakan API seperti DALL·E, Stable Diffusion, atau Runway untuk proses generate-nya
⚙️ Custom kolom input bisa disesuaikan: nama objek, gaya visual, resolusi, durasi, dll
📦 Di-deploy lewat VPS menggunakan aaPanel untuk kemudahan setup tanpa coding ribet
🛠️ Teknologi: Python Flask + JavaScript + HTML + API eksternal + Gunicorn + NGINX

Apa yang Dibutuhkan?

Berikut adalah semua tools yang akan kita gunakan:

KomponenPenjelasan
VPS (Ubuntu 20.04+)Server utama agar proses AI bisa berjalan stabil & tidak tergantung cloud
aaPanelControl panel gratis untuk VPS (mudah dikelola)
Python + FlaskBackend utama untuk proses API dan frontend rendering
JavaScriptUntuk interaksi form & UI
API AIBisa pakai DALL·E, Replicate, Runway, atau model lokal (jika kuat)
Gunicorn + NGINXUntuk production deployment
SSL Let’s EncryptUntuk keamanan akses HTTPS

🔧 Skema Website AI Generator

  1. Pengguna mengisi form (judul, gaya, deskripsi, resolusi, dll)
  2. Server Flask menerima input, memanggil API AI
  3. Gambar/video dihasilkan
  4. Tampil di website atau bisa di-download

✍️ Contoh Script Backend Flask

from flask import Flask, request, render_template

import requests

app = Flask(__name__)

API_KEY = ‘API_KEY_ANDA’

API_URL = ‘https://api.openai.com/v1/images/generations’

@app.route(‘/’, methods=[‘GET’, ‘POST’])

def home():

if request.method == ‘POST’:

prompt = request.form[‘prompt’]

response = requests.post(API_URL, headers={

‘Authorization’: f’Bearer {API_KEY}’,

‘Content-Type’: ‘application/json’

}, json={

‘prompt’: prompt,

‘n’: 1,

‘size’: ‘512×512’

})

result = response.json()

img_url = result[‘data’][0][‘url’]

return render_template(‘index.html’, img_url=img_url)

return render_template(‘index.html’, img_url=None)

🎨 Template HTML Custom Input (index.html)

{% if img_url %}

Hasil Gambar:

Gambar AI

{% endif %}

🔧 Kamu bisa menambahkan custom kolom seperti:

  • 🎭 Gaya (realistik, kartun, anime)
  • 🎨 Warna dominan
  • 📐 Resolusi
  • ⏱️ Durasi video (jika pakai video)

📌 Langkah Lengkap Setup Website AI di VPS (aaPanel)

🧰 1. Siapkan VPS

Gunakan VPS dengan minimal:

  • 2 vCPU
  • 2 GB RAM (lebih tinggi = lebih baik)
  • Ubuntu 20.04 LTS

Penyedia: IDCloudHost, DigitalOcean, Hetzner, UpCloud, dll

🧰 2. Install aaPanel

ssh root@IP_KAMU

wget -O install.sh http://www.aapanel.com/script/install-ubuntu_6.0_en.sh && bash install.sh

Setelah selesai, login ke panel dan install:

✅ NGINX
✅ Python Manager
✅ File Manager
✅ SSL Let’s Encrypt

🧰 3. Upload Script Flask

📁 Struktur folder:

/www/wwwroot/ai-generator/

├── app.py

├── templates/

│ └── index.html

├── requirements.txt

Isi requirements.txt:

flask

requests

Instal:

pip3 install -r requirements.txt

🧰 4. Jalankan dengan Gunicorn

cd /www/wwwroot/ai-generator

gunicorn -w 3 -b 127.0.0.1:8000 app:app

🧰 5. Konfigurasi NGINX Reverse Proxy

Di aaPanel → NGINX Config → Tambahkan:

location / {

proxy_pass http://127.0.0.1:8000;

proxy_set_header Host $host;

proxy_set_header X-Real-IP $remote_addr;

}

🧰 6. Aktifkan Domain + SSL

  • Tambahkan domain di menu Website
  • Pilih root folder: /www/wwwroot/ai-generator
  • Klik tab SSL → Aktifkan Let’s Encrypt

🎥 Cara Tambahkan Video Generator (Runway / Replicate)

Untuk AI Video, kamu bisa pakai:

🔹 RunwayML API
🔹 Replicate API (Model: Text2Video-Zero, AnimateDiff)

Contoh call ke Replicate:

response = requests.post(

“https://api.replicate.com/v1/predictions”,

headers={

“Authorization”: f”Token {API_KEY}”,

“Content-Type”: “application/json”

},

json={

“version”: “model-version-id”,

“input”: { “prompt”: “Robot menari di taman” }

}

)

🌈 Kolom Kustom yang Bisa Ditambahkan

💡 Kamu bisa memperkaya input pengguna seperti:

🧾 Judul Konten – Untuk penamaan otomatis file
🎨 Gaya Visual – Anime, Realistik, Pixel Art
📦 Output Type – Gambar / Video
⏱️ Durasi – Khusus video, 3–10 detik
📐 Resolusi – Pilihan 512×512, 1024×1024

💰 Bisa Dimonetisasi? YES!

Buat sistem freemium:

  • Gratis untuk 3x generate per hari
  • Berbayar untuk hasil HD / tanpa watermark

Integrasi Midtrans atau Xendit untuk payment lokal.

📊 Tabel Perbandingan API Gambar AI

PlatformFree TierOutputCocok Untuk
DALL·E 3YaGambarGaya artistik modern
ReplicateYaGambar+VideoEksperimen dan riset
RunwayTerbatasVideoSinematik
Stable DiffSelf-hostGambarKustomisasi tinggi

💬 Kutipan Developer AI

“Saat ini bukan cuma startup besar yang bisa main AI. Dengan API publik dan sedikit coding, semua orang bisa bikin produk AI sendiri.”
Raditya N., AI Engineer & Founder AI Nusantara

❓ FAQ

Apakah website AI ini butuh GPU?
🔋 Jika kamu pakai API (seperti OpenAI, Replicate), TIDAK. Kalau self-host Stable Diffusion, YA.

Berapa biaya servernya?
💸 Mulai dari Rp 60rb–Rp 150rb/bulan (VPS basic), tergantung penyedia.

Apakah harus coding dari nol?
🧠 Tidak. Gunakan template, library, dan API yang sudah tersedia.

Bisa pakai shared hosting?
❌ Tidak disarankan. Rata-rata tidak mendukung request API intensif dan Flask.

Apakah legal digunakan publik?
✅ Sepanjang tidak digunakan untuk konten ilegal, sepenuhnya aman digunakan.

-
people visited this page
-
spent on this page
0
people liked this page
Share this page on
Share the Post:

Related Posts

Scroll to Top

Booking Form

Fill out the form below, and we will be in touch shortly.
Book Room Hotel