Featured case study
Polestar
Senior developer working on this highly animated, interactive website and automotive configurators for Polestar, once Volvo's fledgling go‑faster brand, now turned EV company. Built with Gatsby, React, and TypeScript.
Senior Software Engineer & Technical Lead
Hands‑on technical leadership for digital transformation programmes, specialising in complex Next.js and React replatforming, migrations, platform architecture, performance and technical SEO.
I'm John, an award‑winning software engineering specialist based in sunny Brighton, UK.
I am a friendly and enthusiastic senior engineer and technical leader backed by over twenty‑three years of hands‑on experience.
I help teams and clients design, build and improve websites, applications and web platforms, pairing architecture, delivery judgement and hands‑on TypeScript, React, HTML and CSS.
My portfolio is diverse; I work with global clients, solving real-world problems, including:
- engaging businesses, politicians, academics, and world leaders to shape global agendas;
- helping prospective car buyers find just the right configuration for their next sports car;
- overseeing the digital rebranding of a chain of much‑loved high‑end department stores;
- ... and optimising the online ordering system of Brighton's last independent milkman.
Featured Case Studies
- Featured case study
The World Economic
ForumSenior JavaScript developer heavily involved in delivering a React‑based rebuild of the World Economic Forum online platforms, including leading the introduction of new user features.
- Featured case study
John Lewis
& PartnersSenior developer as part of team 'Findability'. Led the digital implementation of the 'John Lewis & Partners' rebrand alongside new feature development, user journey optimisation, and performance improvements.
How I Usually Help
I'm Planning a Build
Next.js Website and Application Development fits when the first implementation needs to protect SEO, content operations, accessibility, and release behaviour.
I'm Replacing an Existing Platform
Migrations to Next.js is the right route when routes, redirects, CMS workflows, and search signals need to survive the move.
I Launched and Something Dropped
Use Technical SEO Recovery and Debugging when rankings, crawl behaviour, indexation, or template output changed after release.
The Stack is Live but Unstable
Use Next.js Performance and Stability when slow routes, hydration failures, cache surprises, scripts, or deployment issues are blocking confidence.
The Team Needs Senior Judgement
Embedded Technical Leadership fits when architecture, delivery quality, mentoring, or implementation trade‑offs need help inside the work.
The Business Needs Direction Before Hiring
Fractional Technical Leadership fits when roadmap, supplier, architecture, and release‑risk decisions need senior review before a permanent hire.
Previous Clients
John Lewis logo 
The BBC logo 
Gov.uk logo 
HSBC logo 
British Airways logo 
eBay logo 
Condé Nast Britain logo 
Nintendo logo 
Lotus Cars logo 
Team GB logo 
Marvel Comics logo 
London Philharmonic Orchestra logo 
Bosch (BSH Group) logo 
Volkswagen logo 
Cisco logo 
Activision logo 
London 2012 Olympics and Paralympics logo 
Microsoft logo 
Apple logo 
Gatsby logo 
Plex TV logo 
LEGO logo 
Selfridges logo 
The World Economic Forum logo 
Made by Many logo 
AND Digital logo 
IMG Licensing logo 
Disney logo 
Boohoo Group logo 
Debenhams.com logo 
The Rolling Stones logo 
Wreel Agency logo 
Polestar logo 
MOSCOT logo 
Virgin Atlantic logo 
American Express logo 
The Guide Dogs for the Blind Association logo 
Style.com logo 
Macmillan Education logo 
Zara logo 
Boeing logo 
Valtech logo 
McCann Manchester logo 
Warwick Acoustics logo 
Nando’s logo 
Virgin Active logo
Latest Articles
Should You Move from Contentful to Sanity? Should You Move from Contentful to Sanity?
How to decide whether moving from Contentful to Sanity makes sense for a Next.js website, including workflow, modelling, preview, and migration risk.
AGI vs. AI vs. ASI: What Actually Changes? AGI vs. AI vs. ASI: What Actually Changes?
A practical explanation of AI, AGI and ASI for engineering and product teams, covering capability, autonomy, risk, governance and real‑world impact.
A Deep Dive into JavaScript's Proxy and Reflect API. A Deep Dive into JavaScript's
ProxyandReflectAPIA look into how JavaScript's Proxy and Reflect APIs work together to intercept and redefine object behaviour, including practical use cases and common patterns.
Fixing Contentful Preview in Next.js Draft Mode. Fixing Contentful Preview in Next.js Draft Mode
Fix Contentful preview in Next.js by checking Draft Mode, preview URLs, iframe cookies, draft data boundaries, auth, performance, and editor trust.
Union‑Find Explained: Solving the 'Number of Provinces' Problem. Union‑Find Explained: Solving the 'Number of Provinces' Problem
Solve Number of Provinces with union‑find in TypeScript, comparing DFS, connected components, path compression, union by rank, and matrix scanning.
Privacy by Design is Not a Cookie Banner. Privacy by Design is Not a Cookie Banner
Privacy by design means building safer data handling into platforms, analytics, CRM integrations, and workflows from the start, not relying on banners later.
The Great AI Content Collapse: Why Cheap Content Makes Real Expertise More Valuable. The Great AI Content Collapse: Why Cheap Content Makes Real Expertise More Valuable
The AI content collapse makes cheap publishing less valuable, shifting durable content strategy toward proof, authorship, structure, trust, and expertise.
The AI Middle Manager Problem. The AI Middle Manager Problem
AI can automate management reporting, but this article separates status theatre from judgement, coaching, accountability, and real prioritisation.
Next.js Build Failing on Vercel: How to Find the First Real Failure. Next.js Build Failing on Vercel: How to Find the First Real Failure
A practical way to debug failing Next.js builds on Vercel, from first useful error lines and environment drift to route generation and memory pressure.
Technical GEO for Websites: Entities, Structured Data, and Crawl Paths. Technical GEO for Websites: Entities, Structured Data, and Crawl Paths
Technical GEO for websites, covering indexing, renderability, entity clarity, structured data, and crawl paths without inventing an AI‑only markup layer.
State Management in Angular: NgRx vs. SignalStore. State Management in Angular: NgRx vs. SignalStore
NgRx Store vs. SignalStore explained with real Angular trade‑offs, including scope, TypeScript ergonomics, devtools, effects, and when neither is necessary.
Schema for Service Pages Without Overclaiming. Schema for Service Pages Without Overclaiming
Model service page schema without overclaiming by matching visible content, Service data, OfferCatalog, breadcrumbs, FAQs, entities, and proof clearly.