alfon
alfonsus ardani ·
he/him
X
github
linkedin
bsky
discord
npmjs
npmx
projects
I like to build stuff, especially open source libraries and tools. Here are some of my projects:
diffy
app
(2026)
check-site-meta
tool
(2025)
react-flip-children
ui
(2024 - 2025)
advent-event
lib
(2025)
react-lava
edu
(2024 - 2025)
Dishook
app
(2024)
advent-of-ui
app
(2024)
VTuber Logo Collections
app
(2024)
mermaid-ssr
tool
(2024)
nextjs-better-unstable-cache
lib
(2023 - 2024)
directories
Here are all the subdomains that is present under alfon.dev.
advent-event
.alfon.dev
- Simple TS library to create advent events.
advent-of-ui
.alfon.dev
- 24 days of UI challenges
auth
.alfon.dev
- Authentication playgrounds and experiments
checksitemeta
.alfon.dev
- Check site metadata locally
diffy
.alfon.dev
- compare two text files
dishook
.alfon.dev
- Discord webhook generator
mermaid-ssr
.alfon.dev
- render mermaid diagrams server side
nu-auth
.alfon.dev
- Type-safe stateless Next.js Authentication
react-flip-array
.alfon.dev
- Array reorder animation using FLIP
react-lava
.alfon.dev
- Learn React via Animation
ui
.alfon.dev
- A collection of small UI components that I use in my projects.
util
.alfon.dev
- A collection of small utilities that I use in my projects.
vtuberlogos
.alfon.dev
- VTuber Logo Compilations
articles
A list of articles I've written, mostly about programming and technology.
Git Concepts: Crash Course For Beginners
Mar 2024
Next.js Data Cache Behavior
Feb 2024
random demos
Just some random demos that I made for learning and experimentation purposes. Some of them are pretty old and not really maintained, but I still want to share them here.
cautious-palm-tree-ebon.vercel.app
React drag and drop canvas control demo
art-findr.vercel.app
Demo app to find household assistants (Devscale final assignment)
devscale-eventmaker-alfonsusac.vercel.app
Devscale 5th assignment
devscale-alfonsus-assignment-4.vercel.app
Devscale 4th assignment
assignment-3-devscale.vercel.app
Devscale 3rd assignment