all projects
Personal Portfolio & Tech Blog
Web portofolio sekaligus blog teknikal yang dibikin pake Next.js 15, Tailwind v4, dan Drizzle ORM. Udah include custom Markdown renderer buat artikel dan fitur guestbook interaktif.
Loading...
Web portofolio sekaligus blog teknikal yang dibikin pake Next.js 15, Tailwind v4, dan Drizzle ORM. Udah include custom Markdown renderer buat artikel dan fitur guestbook interaktif.
Punya personal web rasanya udah harus buat Frontend Developer. Di project portofolio ini, saya sengaja nggak pakai template instan.
Meskipun penulisan kodenya banyak diakselerasi pakai bantuan AI assistant, saya tetap ambil peran penuh sebagai "arsitek"-nya—mulai dari ngerancang struktur database, ngarahin pola komponen, sampai turun tangan langsung ngerjain core logic-nya. Tujuannya biar codebase-nya tetap rapi dan loading-nya bisa se-enteng mungkin.
Project ini dibangun pakai ekosistem modern yang fokusnya ke performa dan keamanan type-safety:
Satu tantangan lumayan seru pas ngoding bagian Guestbook adalah ngakalin Server Actions biar nggak kerasa loading kelamaan pas user nge-submit pesan.
Solusinya, saya implementasi hook useOptimistic bawaan React. Dengan cara ini, pesan yang baru diketik bakal langsung muncul di layar secara instan, sambil nunggu proses nyimpen ke database kelar di background. Hasilnya, interaksi di web kerasa jauh lebih snappy dan responsif.