Alfonsus Ardani
alfonsus.bsky.social
Alfonsus Ardani
@alfonsus.bsky.social
Product Designer / Engineer | Gamer
React RSC + Suspense Data Fetching Flow
This diagram shows a simple setup of data fetching done in both the server and the client in Next.js.

Naming components would still be a challenge though...
#nextjs #react19 #rsc #webdev
April 1, 2025 at 1:02 PM
`npx check-site-meta`.
Local-first metadata checker for developers.

- Check Link Preview without online connection
- Avoid Caching & CORS Issue
- Check OGp, Twitter, Icons and more

More feature coming soon!
#webdev #react #nextjs #metadata #seo
April 1, 2025 at 6:09 AM
Array animation + exit animation WIP
December 23, 2024 at 2:57 PM
LAVA is committed into bringing you educational material in an inconsistent manner. Follow for more.
December 20, 2024 at 12:58 PM
loving this color palette
December 20, 2024 at 10:11 AM
I got distracted aylmaoo
December 20, 2024 at 8:06 AM
I'm making dishook.alfon.dev!
(Kept forgetting to cross post from X)
December 20, 2024 at 7:13 AM
This takes a long time to learn and implement from scartch and get it right 😭
Inspired by @joshwcomeau.com's FLIP animation
December 20, 2024 at 7:12 AM
Handling Async Race Condition in React using AbortController
#React
December 6, 2024 at 10:50 AM
Creating a Dialog with React using the dialog element.
#React
December 6, 2024 at 10:48 AM
You can also do this
December 4, 2024 at 11:24 AM
How proxied auth works

#webdev
November 23, 2024 at 10:43 AM
A new CSS logo proposal has been accepted to bring out a newer and more consistent logo for the web technology family.

The new logo incorporates the `rebeccapurple` color, a shade beloved by Rebecca Meyer, the late daughter of web standards advocate Eric Meyer.

#css #html #web
November 19, 2024 at 1:16 PM
Why does the return of X is not infered in A? 🤔
#typescript #help
November 6, 2024 at 12:56 AM