Blog

Here you can find my latest blog posts on various topics, including Vue, Nuxt, and more.

April 18, 2026

Saya Mencoba Claude Design: Hasilnya Mind-Blowing

Anthropic baru merilis Claude Design di Anthropic Labs. Saya coba pakai design system Morpheme Design milik GITS.ID — dari Figma, generate design system, build aplikasi e-commerce, sampai deploy ke Vercel. Hasilnya mind-blowing.
Saya Mencoba Claude Design: Hasilnya Mind-Blowing
April 15, 2026

Saya Membuat Skill Claude Code yang Mengubah Design System Jadi UI Pixel-Perfect

Saya mengemas Morpheme UI sebagai skill Claude Code. Sekarang setiap kali minta Claude bangun halaman, dia otomatis ikuti token, spacing, tipografi, dan aturan aksesibilitas yang benar — tanpa copy-paste spec Figma.
Saya Membuat Skill Claude Code yang Mengubah Design System Jadi UI Pixel-Perfect
April 1, 2026

Saya Bikin 6 AI Assistant di Satu Telegram Group — dan Produktivitas Saya Meledak

OpenClaw + Telegram Bot + Telegram Group Topics. Satu topik, satu asisten, satu fokus. Ini cara saya mengubah Telegram jadi command center pribadi.
Saya Bikin 6 AI Assistant di Satu Telegram Group — dan Produktivitas Saya Meledak
April 1, 2026

Tutorial: Setup OpenClaw + Telegram dari Nol — Bikin Multi AI Assistant di Satu Group

Step-by-step lengkap setup OpenClaw dengan Claude, Telegram Bot, Telegram Group Topics, sampai punya beberapa AI assistant spesialis di satu group chat.
Tutorial: Setup OpenClaw + Telegram dari Nol — Bikin Multi AI Assistant di Satu Group
March 17, 2026

Membangun AI Chat to Database: Natural Language ke SQL dengan Dual-LLM Pipeline

Bagaimana saya membangun POC yang memungkinkan tim bisnis query database menggunakan bahasa natural, tanpa menulis SQL — dan mengapa arsitekturnya menggunakan dua kali LLM call.
Membangun AI Chat to Database: Natural Language ke SQL dengan Dual-LLM Pipeline
February 2, 2026

Vibe Coding dengan Claude Code: Saya Berhenti Menulis Code

Saya pikir ini cuma hype. Ternyata cara saya ngoding benar-benar berubah.
Vibe Coding dengan Claude Code: Saya Berhenti Menulis Code
July 21, 2025

Nuxt 4.0 Resmi Dirilis: Apa yang Baru dan Bagaimana Cara Migrasi?

Nuxt 4.0 adalah pembaruan besar untuk framework Nuxt.js yang membawa banyak fitur baru dan perbaikan.
Nuxt 4.0 Resmi Dirilis: Apa yang Baru dan Bagaimana Cara Migrasi?
July 10, 2025

Memahami Konsep Data Binding di Frontend (Dengan Cara yang Simpel!)

Data binding adalah cara menghubungkan data dengan tampilan (UI) di frontend. Dalam artikel ini, kita akan membahas konsep ini dengan bahasa yang sederhana dan mudah dipahami.
Memahami Konsep Data Binding di Frontend (Dengan Cara yang Simpel!)
June 12, 2025

Mengenal Motion Vue: Animasi Modern & Ringan untuk Vue.js

Motion Vue adalah library animasi untuk Vue.js yang ringan, cepat, dan mudah digunakan. Cocok untuk membuat antarmuka dinamis dengan animasi yang mulus.
Mengenal Motion Vue: Animasi Modern & Ringan untuk Vue.js
June 8, 2025

Memperkenal Nuxia: Fullstack Starter Kit Modern Berbasis Nuxt 3

Nuxia adalah starter kit modern untuk membangun aplikasi fullstack dengan Nuxt 3, Tailwind CSS, dan teknologi terkini lainnya.
Memperkenal Nuxia: Fullstack Starter Kit Modern Berbasis Nuxt 3
June 5, 2025

Mengenal Inertia.js: Cara Modern Membangun Aplikasi Monolith yang Interaktif

Inertia.js adalah solusi untuk membangun aplikasi monolith modern dengan Vue, React, atau Svelte tanpa perlu API.
Mengenal Inertia.js: Cara Modern Membangun Aplikasi Monolith yang Interaktif
June 3, 2025

Perjalanan Karir Saya sebagai Frontend Developer

Cerita perjalanan saya dari seorang backend developer hingga menjadi frontend developer yang fokus pada Vue, Nuxt, Tailwind, TypeScript dan kawan-kawannya.
Perjalanan Karir Saya sebagai Frontend Developer