Screenshot AI Sales Page generator
Full Stack Web Developer

AI Sales Page generator

AI Sales Page Generator adalah aplikasi web full-stack yang memungkinkan pengguna membuat landing page produk secara otomatis menggunakan kecerdasan buatan.

Overview

AI Sales Page Generator adalah aplikasi web full-stack yang saya bangun menggunakan Laravel 11 di sisi backend dan React + Inertia.js di sisi frontend, yang memungkinkan pengguna membuat landing page produk berkualitas tinggi secara otomatis hanya dengan mengisi data produk. Aplikasi ini terintegrasi dengan xAI Grok API untuk menghasilkan copywriting profesional — mulai dari headline, sub-headline, deskripsi, benefit, fitur, social proof, hingga call-to-action — lengkap dengan pemilihan template desain (Default, Minimal, atau Bold) yang disesuaikan otomatis oleh AI berdasarkan jenis produk. Pengguna dapat melakukan regenerate per-section tanpa harus mengulang seluruh proses, mengubah warna & template secara instan, serta mengekspor hasilnya ke file HTML siap pakai. Sistem dilengkapi autentikasi pengguna, authorization berbasis Policy, dan telah di-deploy ke shared hosting (cPanel) dengan domain live di aipagegenerate.smartsense.my.id.

Yang Saya Lakukan

  • Arsitektur Full-Stack — Merancang dan membangun keseluruhan sistem dari nol menggunakan Laravel 11 (backend) dan React + Inertia.js (frontend) sebagai SPA tanpa API terpisah.
  • Integrasi AI (xAI Grok API) — Membuat AIService yang mengirim prompt terstruktur ke Grok API dan memproses respons JSON untuk menghasilkan copywriting sales page secara otomatis, termasuk logika regenerate per-section.
  • Sistem Template Otomatis — Merancang logika pemilihan template (Default/Minimal/Bold) oleh AI berdasarkan jenis produk, sekaligus memungkinkan pengguna mengganti template secara manual tanpa me-reset konten.
  • Authorization & Security — Mengimplementasikan Laravel Policy untuk memastikan setiap pengguna hanya bisa mengakses dan mengelola sales page miliknya sendiri.
  • Fitur Export HTML — Membangun fitur export yang menghasilkan file HTML standalone siap pakai dari konten yang sudah di-generate.
  • UI/UX Frontend — Membangun seluruh antarmuka menggunakan React + Tailwind CSS, termasuk live preview sales page saat pengisian form, toggle template, dan pengaturan warna.
  • Deploy ke Shared Hosting — Mengkonfigurasi .htaccess, environment production, dan memastikan aplikasi berjalan di shared hosting (cPanel) dengan MySQL.
  • Debugging & Hotfix — Mengidentifikasi dan memperbaiki bug tipe data (user_id strict comparison) yang hanya muncul di lingkungan MySQL production, bukan di lokal.