- Published a post•5 mins reading time
Authoring Custom Elements in a Next.js App
The Intersection of Two Different Ecosystem
Since its creation, my blog has only been a React-exclusive app, which means it only renders a React component. How I store the blog post has changed a lot—from static HTML in a hosted database to markdown files in the same git repository—but the rendering engine stays largely the same.
Unlike most React powered blog, I don't use MDX. I write plain markdown files, but internally I call it MDC.
Read More - Created an open source project
- Published a post•10+ mins reading time
Dark Mode on the Web
UX, DX and Technical Exploration For Inclusive Dark Mode
For some people, dark mode is aesthetically more pleasing. On the other hand, there's a group of people (including me) that likes to read at night under dim lighting, or even in total darkness. Having the option to use dark theme reduces strain in the eyes and makes it more pleasant to read at. I personally doesn't care that much about the aesthetic aspect of the dark mode. I think of it as an accessibility feature.
Read More - Published a post•10+ mins reading time
Enhance TypeScript Code Samples with Compiler Diagnostic
Build-time Type Annotation and Syntax Highlighting using Twoslash and Shiki
- Created an open source project
- Created an open source project
- Published a post•10+ mins reading time
Building progressively-enhanced iPadOS hover style in web
Using framer-motion for Animation & Transition
- Published a post•6 mins reading time
Share latest post automatically in Twitter using GitHub Actions
Utilizing GitHub Actions Path Filter and CLI Composition
- Created an open source project
- Created an open source projectJavaScript3
scarecrow
Tanifund scraper & notification service leveraging GitHub Actions Scheduling Workflow
- Started a new job
Traveloka
Software Engineer - Web Infrastructure
- Started a new job
Traveloka
Software Engineer - Web