From Netlify Deploys to Vercel Pipelines
How deployment expectations moved from simple Netlify static deploys towards Vercel pipelines, previews, framework builds, observability, and rollback.
Articles, page 7 of 27
Articles from more than two decades of building, rebuilding, debugging, and leading web projects.
From Netlify Deploys to Vercel Pipelines. 
Ethical AI, Sustainability and the Future of Web Development. Ethical AI, Sustainability and the Future of Web Development
AI has ethical and environmental costs. Here, I examine its sustainability, responsible use, and whether artificial intelligence could ever replace developers.
Building a Custom Vue 3 Composable Using the Composition API. Building a Custom Vue 3 Composable Using the Composition API
Build a reusable Vue 3 composable with the Composition API, covering side effects, useOutsideClick, browser boundaries, typing, lifecycle handling, and testing.
Redirect a Default Vercel Subdomain to Your Custom Domain. Redirect a Default Vercel Subdomain to Your Custom Domain
When you set up a custom domain in Vercel, the default `vercel.app` subdomain still serves your site, which can lead to duplicate content. Here's how to fix it.
Grid Traversal: Solving the 'Number of Islands' Problem. Grid Traversal: Solving the 'Number of Islands' Problem
How to solve Number of Islands with grid traversal, treating the matrix like a graph, marking visited land safely, and reasoning about DFS in TypeScript.
Vue's provide/inject API: When and How to Use It. Vue's
provide/injectAPI: When and How to Use ItWhen Vue provide/inject is the right tool, how to keep it reactive, and where it fits better than props or a full store in larger component trees.
Ethical AI in Web Development: AI’s Impact on Developers and the Industry. Ethical AI in Web Development: AI's Impact on Developers and the Industry
AI is reshaping web development, but is it helping or harming the industry? I explore its impact on developers, security, and the future of hiring.
Vue 3 Reactivity: Proxies vs. Vue 2 Reactivity. Vue 3 Reactivity: Proxies vs. Vue 2 Reactivity
Vue 3 replaces Vue 2's getters and setters with JavaScript proxies. This article explains how they differ and why proxies improve Vue's reactivity system.
Understanding the Difference Between <b> and <strong>. Understanding the Difference Between
<b>and<strong>The `<b>` and `<strong>` tags both make text bold, but they serve very different purposes and convey different meaning. Here, I explain these differences.
Optimising Vue.js Performance with Lazy Loading and Code Splitting. Optimising Vue.js Performance with Lazy Loading and Code Splitting
Optimise Vue.js performance with lazy loading and code splitting, covering route‑level chunks, async components, bundle strategy, measurement, and UX.
Sliding Window Fundamentals: Solving 'Longest Substring Without Repeating Characters'. Sliding Window Fundamentals: Solving 'Longest Substring Without Repeating Characters'
How to solve Longest Substring Without Repeating Characters with sliding window basics, comparing Set and last‑seen‑index approaches in TypeScript.
Using Next.js Proxy for Route Protection. Using Next.js Proxy for Route Protection
Protect Next.js routes with Proxy, formerly Middleware, using authentication, authorisation, matchers, API request checks and current terminology.
Control CSS Container Layouts with place‑content. Control CSS Container Layouts with
place‑contentUse CSS place‑content to align grid and flex content, comparing align‑content, justify‑content, place‑items, syntax, examples, and layout limits.
Fixed Quote, Day Rate, or Retainer: Buying Senior Web Development Work. Fixed Quote, Day Rate, or Retainer: Buying Senior Web Development Work
Fixed quote, day rate, and retainer pricing for senior web development, explained through scope, risk, delivery, ownership, and platform quality.
When Static Generation Stopped Being Simple. When Static Generation Stopped Being Simple
Why static generation became more complex as CMS previews, ISR, cache invalidation, build queues, e‑commerce data, and platform expectations grew.
Simplify Your Layout CSS with place‑items. Simplify Your Layout CSS with
place‑itemsCSS `place‑items` is a shorthand property that aligns items inside grid and flex containers. Here, we discuss its syntax, use cases, and practical examples.
Optimising Angular Forms: Template‑Driven vs. Reactive Forms. Optimising Angular Forms: Template‑Driven vs. Reactive Forms
Template‑driven vs. reactive Angular forms, and how to choose the right model for validation, scale, testing, and maintainable form logic in real apps.
From Liquid Templates to Headless Storefronts. From Liquid Templates to Headless Storefronts
How e‑commerce front‑end work moved from Liquid templates to headless storefronts, and what teams risk when they underestimate data, checkout, and operations.
Converting Between Camel, Snake, and Kebab Case in JavaScript. Converting Between Camel, Snake, and Kebab Case in JavaScript
Converting between camel case, snake case, kebab case is a common task in JavaScript. Here, I explore methods using regular expressions and string manipulation.
LeetCode: The 'Trapping Rain Water' Problem with Two‑Pointer Approach. LeetCode: The 'Trapping Rain Water' Problem with Two‑Pointer Approach
How to solve Trapping Rain Water with the two‑pointer approach, and the simple invariant that makes the O(n) solution click under interview pressure.
AI in Web Development: Useful, but Not Magic. AI in Web Development: Useful, but Not Magic
A practical look at AI in web development, where it helps, where it creates review burden and why generated code still needs senior judgement.