Notes on frontend craft

Practical patterns for structuring React and Next.js projects so teams can move fast without losing maintainability. A deep dive into folder structure, co-location, and boundary thinking.

A walkthrough of spacing, hierarchy, interaction states, and small details that turn functional interfaces into experiences that feel crafted and intentional.

How to turn vague business requirements into clear frontend components, clean handoff notes, and measurable delivery outcomes. The process I use on every project.

Beyond basic types — discriminated unions, branded types, template literals, and the patterns that make large TypeScript codebases maintainable under pressure.

The frontend performance improvements with the highest ROI: code splitting, image optimization, render strategies, and the measurements that tell you if they worked.

Six years working with Adobe Experience Manager taught me how to ship maintainable frontend code in constrained environments. The patterns that survive contact with enterprise reality.