Problem
Building a bilingual portfolio from scratch with an AI assistant that can answer visitor questions about experience and skills, in two languages.
← Back to Projects
AI Portfolio Landing Page.
Fullstack Developer ·
ts
This portfolio turned into something I am genuinely proud to share — every visitor now spends 3+ minutes exploring the work.
— Beta tester feedback
Approach
Full-stack architecture with Astro for SSG + Vue islands for interactivity, Supabase for the database, and 9router for AI inference. Bilingual system with _id/_en fields in every table.
Result
< 3 detik
AI Response Time
1.2K
Unique Visitors/Month
15+
AI Questions/Day
Technologies Used
Frontend
- Astro
Backend
- Hono
Database
- Supabase
- Drizzle
AI
- 9router
The Build
- Designed database schema with 7 tables (profiles, projects, skills, experiences, certificates, chat_sessions, chat_messages)
- Built admin panel for bilingual content CRUD
- Integrated AI chat with intent detection (recruiter/client/collaborator)
- Set up Vercel deployment pipeline with per-stage environment variables
