Build logs, architecture notes,
and product decisions.

How I vibecoded a macOS menu bar app in an afternoon using AI for the full implementation — from idea to deployed .dmg — without a single unverified bug.

A walkthrough of the real fixes that took Life OS from a Lighthouse score of 53 to 93 — font loading, loading skeletons, N+1 queries, and why performance in Next.js is not just about adding suspense boundaries.

Six weeks of daily use, unplanned feature additions, and the difference between a system that looked right in development and one that works at 8 AM on a Monday.

What it took to design and build a full personal productivity system — ten modules, a strict architecture, a custom design system, and a real Notion data migration — as a solo Next.js project.

Why I built Dream Journal, why IndexedDB and Dexie made sense, and the product and architecture tradeoffs that came from keeping the app private, local, and intentionally small.

The reasoning behind FocusLock, the app architecture, and why I intentionally kept the product smaller and harsher than a typical productivity app.

The product thinking behind Forge, the browser-only architecture, and the frontend work behind features like the Before / After Comparator and Background Remover.

Why I built Pantry Burn, how the local-first architecture works, and the product decisions that kept it focused on urgency instead of content.

How I built this portfolio from scratch with Next.js App Router, Tailwind v4, and MDX — and the reasoning behind every major library choice.

How to implement hierarchical taxonomies in Sitecore Search when native hierarchical facets aren't supported — custom extractors, query architecture, and filtering patterns.

When working with Sitecore Search , the foundation of a good experience is how well your crawler is configured.

Search engine optimization (SEO) is crucial for any modern website, and when working with Sitecore headless implementations, properly structuring your metadata is essential.

How to use the Sitecore XM Cloud Pages editor to manage page content, inline editing, and datasource assignment across components and multi-site layouts.

In this post, I’ll walk through how I solved this by creating a plugin that trims the props down to only the necessary fields, reducing payload size and improving performance.

How team 404 Bugs Not Found built a VSCode extension for automated Sitecore XM Cloud component creation during the 2025 Sitecore Hackathon — architecture, challenges, and outcome.

Content Resolvers in Sitecore XM Cloud allow developers and content authors to dynamically determine the source of data for individual renderings.

Sitecore XM Cloud provides a flexible and scalable way to structure page layouts through Partial Designs and Page Designs.

Placeholders in Sitecore allow us to define areas within a layout where components can be inserted.

Rendering Variants and Styles in Sitecore XM Cloud allow developers and content authors to have more control over the appearance and behavior of components.

In the ever evolving landscape of web development, integrating content management systems (CMS) with modern JavaScript frameworks has become a crucial aspect of creating.

This blog post will guide you through the process of managing JSON LD schemas on Sitecore XM Cloud using Next.js and Sitecore Experience Accelerator (SXA).

Heap memory errors can be a daunting issue to face, especially when working on complex projects like those involving Sitecore XM Cloud with Next.js.

A technical comparison of Sitecore XP (.NET) and Sitecore XM Cloud (TypeScript): Solr vs. GraphQL querying, architecture differences, and what changes in a headless migration.

Best practices for SEO in Sitecore XM Cloud: metadata fields, canonical URLs, sitemap configuration, robots setup, and Open Graph tags in a headless Next.js delivery layer.

Receiving an invitation from a professor at Universidad De Las Americas (UDLA) to talk about Sitecore XM Cloud and headless development was both an honor and an enriching experience.

Deploying Sitecore XM Cloud requires a platform that not only supports your technology stack but also complements your development workflow.

A VSCode extension that automates component scaffolding, configuration, and deployment steps for Sitecore XM Cloud — cutting repetitive setup work from your development workflow.

Step-by-step demo of Sitecore XM Cloud webhooks: configuring event triggers, handling payloads, and automating publish workflows with real code examples.

In this guide I'll show you how to create you first SXA Module and Rendering on Sitecore XM Cloud using Next.js and SXA.

In this blog post, we will guide you through the process of creating a new project using the Sitecore starter template, breaking down the steps for a clear understanding.

Practical tips and study strategies for passing the Sitecore XM Cloud Developer certification exam, including key topics, question patterns, and what to review.