AI Page Generator

Microservice untuk mengubah desain JSX menjadi halaman web statis yang dioptimasi secara otomatis menggunakan AI.

1

Dapatkan Akses (Authentication)

Layanan ini memerlukan token valid untuk memproses permintaan generator. Anda bisa mendapatkan token melalui layanan pusat AI kita:

// Hubungi Services AI untuk mendapatkan token
URL: http://services-ai.lab.kediritechnopark.com
Token: 0b4513eb-982f-4003-b7fd-32c714f863c5
2

Kirim Permintaan (POST /api/generate)

Kirim data menggunakan format multipart/form-data dengan parameter berikut:

Field Name Data Type Description
token String Token AI valid dari Services AI Lab.
jsxContent
alias: design		 String Kode React JSX mentah. Wajib ada (bisa dikirim via field design).
logicContent
alias: logic		 String (Optional) Kode logika/fungsi pendukung.
Aman: Tidak akan dibaca atau diubah oleh AI. Akan langsung ikut dikompilasi ke dalam bundle.
mode String creative (default): Diproses AI + Auto-heal.
build: Langsung bundel tanpa AI (lebih cepat).
feel File (Image) Referensi gaya desain (hanya untuk mode creative).
assets File (Array) Maksimal 20 aset gambar yang direferensikan di dalam JSX.
3

Respon Bundel (ZIP Archive)

Layanan akan langsung mengembalikan file binari ZIP yang berisi aset web siap saji:

📄 index.html File entry utama yang sudah dihubungkan ke JS & CSS.
📄 bundle.min.js Logika aplikasi yang sudah di-minify & terobfuskasi.
📄 style.min.css CSS Tailwind hasil tree-shaking (hanya yang dipakai yang masuk).
🖼️ Assets Folder Semua file gambar yang Anda kirim dipindahkan ke sini.

💡 Separation of Concerns (Design vs Logic)

Kami memisahkan design.jsx dan logic.jsx untuk memastikan:

  • Skrip Utama Minimal: File desain tetap bersih dan fokus pada struktur visual.
  • Keamanan Logika: AI tidak pernah menerima data logicContent. AI hanya mengolah visual pada file design, sedangkan logika murni ditangani oleh sistem compiler kami.
  • Modularitas: Memudahkan integrasi kodingan React yang kompleks tanpa risiko dirusak oleh interpretasi AI.