Writing
Notes from the workbench
Short notes on the work: layouts, WebSockets, SEO, images and the occasional framework tour.
I Draw My Portfolio With Code
The 2.8-minute hand-drawn intro on this site is not a video - it is 2,700 lines of TypeScript painting a "boiling" sketch on a canvas, 60 times a second. Here is how it works.
· 6 min read
Microservices Frontend Projects with Docker
Running multiple frontend apps side by side with Docker - multi-stage builds, one nginx config each, and a shared compose network.
· 4 min read
Handle WebSocket API - Frontend Implementation
A practical reconnecting WebSocket module for the browser using the native WebSocket API - heartbeat, exponential backoff and clean teardown included.
· 4 min read
Notes - SEO Social Sharing Meta Tag
Meta tag templates for links that look good when shared - Open Graph, Twitter/X cards, JSON-LD, and the validators that still exist in 2026.
· 3 min read
Notes - Image Performance Implementation
My checklist for shipping images in 2026 - modern formats, responsive sizes, LCP priority and the next/image settings that do the work for you.
· 2 min read
Dynamic Layouts in a Vue Project
Four ways to switch layouts in a Vue 3 app - conditional render, slots, dynamic components and nested routes - with the trade-offs of each.
· 5 min read
How to Create a Vue Project
Three ways to get Vue running in 2026 - CDN script tag, npm install, and the official create-vue scaffolder with Vite.
· 2 min read