Web101 by Han

Technical notes on web development, AI systems, and practical software engineering.

Build logs, implementation guides, and practical explanations from real software work.

11

published notes

4

topic paths

1

author archive

Content structure

  • Problem-first technical notes
  • Code, setup, constraints, and trade-offs
  • Related notes and category paths on every article
  • Sitemap includes topic pages and article URLs

Featured implementation note

Building a Real Cookie Consent Settings Flow in Next.js

A practical frontend implementation note on fixing a Privacy Policy cookie settings link that did nothing, then turning it into a real consent settings flow with a bottom-right banner, saved choices, and a reusable settings panel.

Read note
Building a Real Cookie Consent Settings Flow in Next.js

Reading paths

Recent notes with stronger internal paths.

Each article now connects back to topic pages and related technical notes, so the archive reads like a structured content site.

Author and method

Written as build notes, not generic overviews.

I write about the systems I build, test, compare, or debug. The goal is to show the problem, implementation path, constraints, and what I learned from the result.