← Kembali ke Proyek

AI Portfolio Landing Page.

Fullstack Developer ·
ts

Portfolio ini jadi sesuatu yang benar-benar saya banggakan untuk dibagikan — setiap pengunjung sekarang menghabiskan 3+ menit mengeksplor karya.

— Umpan balik beta tester

Masalah

Membangun portfolio bilingual dari nol dengan AI assistant yang dapat menjawab pertanyaan pengunjung tentang pengalaman dan skill, dalam dua bahasa.

Pendekatan

Arsitektur full-stack dengan Astro untuk SSG + Vue islands untuk interaktivitas, Supabase untuk database, dan 9router untuk AI inference. Sistem bilingual dengan field _id/_en di setiap tabel.

Hasil

  • < 3 detik

    Waktu Respons AI

  • 1.2K

    Pengunjung Unik/Bulan

  • 15+

    Pertanyaan AI/Hari

Teknologi yang Dipakai

Frontend

  • Astro

Backend

  • Hono

Database

  • Supabase
  • Drizzle

AI

  • 9router

Pengerjaan

  1. Merancang arsitektur database dengan 7 tabel (profiles, projects, skills, experiences, certificates, chat_sessions, chat_messages)
  2. Membangun admin panel untuk CRUD konten bilingual
  3. Mengintegrasikan AI chat dengan intent detection (recruiter/client/collaborator)
  4. Setup deployment pipeline ke Vercel dengan environment variables per stage