From the studio

Field notes

What we learn building products.

169 articles · Page 9 of 14

Featured

A pipe from a dark tile to a lit tile with seven leaks, each dripping a trail of dots that grow from specks to coins to a whole falling tile

7 Claude app mistakes that cost tokens, money, or the company

Seven mistakes we see in production Claude apps. Some cost tokens, some cost money, one or two can cost the company. Each one has a simple fix.

A row of six identical white components above, and below it six copies that tilt, shift and fade further each time, each with a dashed outline of the original over it

Design

Component drift: how design systems decay and how to catch it

Only 8% of teams call their design system stable. Component drift is the gap between the system you designed and the UI that ships. Here is how to catch it.

Sixty dim tiles in a wide grid on the left, and nine lit tiles packed into a container inside a small server panel on the right

Infra

Vercel vs Docker for Next.js: a $600 bill down to $90

A $600 Vercel bill drops to about $90 a month on a managed VPS with Docker. What you give up in edge, scaling and DX, and when the swap pays off.

A grid of five rows and five candidate columns; four columns stop at an empty ring partway down, one column of lit tiles runs through all five rows to a lit tile below

Business

How to hire a product engineering studio in 2026

Half of failed outsourcing deals die in the first 60 days. A five-step playbook to scope, price, vet, and contract a product engineering studio that ships.

A dark client tile and a lit server tile joined by one short white line between matching ports of small pills, with a dashed detour through three empty boxes above

Web

Type-safe RPC with Next.js Server Actions: skip the API layer

A Server Action is already an RPC. Here is how to make it type-safe end to end and validated at runtime, with no API route or response type to maintain.

Seven stacked tiers narrowing upward, the lower four lit in white and the upper three in dashed outline, a zigzag line climbing through them in order

Design

Design system structure: the 7 categories and the build order

A design system holds or rots based on the order you build its parts. Here are the seven categories every scalable system needs, and the sequence.

Four rows of ninety thin bars, each row starting tall and bright white beside a lit refresh tile and fading shorter and darker to the end

Infra

Content freshness in 2026: the 90-day rule for SEO and GEO

AI assistants in 2026 skip stale content. A 90-day refresh cycle that moves data, facts, and structure brings them back to the page.

Four blocks of tiles growing from one to sixteen, each with a floating range pill above it rising higher, the third block and its range lit

Business

How much does it cost to build a SaaS in 2026? Real ranges by scope

Building a SaaS in 2026 runs from $1,000 with no-code to $300,000+ with an agency. The honest question is which scope tier fits your stage.

Left, a pyramid of dark tiles above a stack of report sheets and a long timeline; right, three lit tiles above a lit product window and a short timeline

AI consulting firm vs AI studio: which fits your stage in 2026

Big Four AI engagements run $300K to $2M+ over 6 to 18 months. A boutique AI studio ships in 8 to 12 weeks for $30K to $80K. Which one fits your stage.

Three white tiles at the top wired down into a glowing horizontal band, from which many thin lines fan out to a wide row of lit tiles below

What is a Claude Code studio in 2026 (and how to pick one)

A Claude Code studio builds production software using Claude as the execution layer. We define the label and show how to verify a real one before you sign.

A staircase of five blocks rising left to right, each with a few quiet lines and a lit check, a path climbing to the lit top step

Business

How to hire a product engineering studio in 2026: a buyer's playbook

Five steps to vet a product engineering studio before you sign, with the questions, scope, and contract clauses that separate a partner from a vendor.

One tall glowing white screen full of moving shapes beside a grid of nineteen identical grey document pages

Web

Website architecture in 2026: SPA homepage, static for the rest

Most marketing sites overengineer every page. We treat the homepage like an app and ship the other 95% as static docs, splitting the build target by intent.

Four groups of lit tile columns growing toward a dashed ceiling, cut back between groups, with dashed outlines where tiles were removed and dark tiles falling below

Design

Why we kill components instead of adding them: the design system diet

Most design systems grow until they break. We treat the component count as a number to keep small. Here is the rule set we use to prune ours every quarter.

All articles

Small studio vs big agency for SaaS: which scope each one winsBusiness and Scale · 9 min read
Multi-brand design tokens: 6 steps from one primitive layerProduct Design · 8 min read
Error state UX design: what to show when a request failsProduct Design · 9 min read
Why is my website slow? The 6 causes and what fixes eachWeb Design and Engineering · 9 min read
Figma MCP design-to-code handoff: 6 steps and its limitsProduct Design · 10 min read
Border vs shadow in UI: when each wins, and when a fill doesProduct Design · 9 min read
Embedding AI agents in SaaS: 6 product decisions for 2026AI and Automation · 9 min read
How to get cited in Google AI Overviews and ChatGPT in 2026Infrastructure and SEO · 8 min read
Data table vs card layout: when a table beats a card gridProduct Design · 9 min read
How much does it cost to maintain a website in 2026, line by lineBusiness and Scale · 10 min read
Next.js 16 caching explained: use cache, cacheLife and updateTagWeb Design and Engineering · 10 min read
A2A protocol: how to design an agent API other agents can callAI and Automation · 10 min read
EAA enforcement: 6 reasons compliant-on-paper products fail auditsProduct Design · 9 min read
Brand motion design: how one easing curve sets a product's toneProduct Design · 8 min read
Why my site no longer appears on Google after the redesignInfrastructure and SEO · 8 min read
Why your UI looks unprofessional: 9 details to fix before launchProduct Design · 10 min read
Long form UX best practices: 12 rules for forms people finishProduct Design · 8 min read
npm dependency sprawl: the 4 costs on enterprise frontendsWeb Design and Engineering · 8 min read
European GDPR-compliant SaaS development partner: 8 checksBusiness and Scale · 10 min read
Digital product design studio vs web agency in Italy: what differsProduct Design · 10 min read
Consumer cloud app developer: 10 checks before you signBusiness and Scale · 8 min read
Neobank UX agency: what a real partner delivers in 2026Business and Scale · 7 min read
Agentic web design: what to change when agents do the buyingAI and Automation · 8 min read
Cloudflare Workers AI vs the OpenAI API: where each winsInfrastructure and SEO · 8 min read
Editorial web layout: 5 magazine devices that work on screenProduct Design · 9 min read
Optimal line length and line height: 6 steps to set bothProduct Design · 8 min read
Design tokens beyond color: behavior and context in 2026Product Design · 9 min read
What makes a landing page convert: 8 factors and 4 killersProduct Design · 7 min read
React Server Components in production: 6 pitfalls to avoid in 2026Web Design and Engineering · 7 min read
Illustration systems: when to draw, when to buy, when to skipProduct Design · 8 min read
7 signs your development agency is going to disappoint youBusiness and Scale · 8 min read
WebMCP in 2026: the browser API that lets agents use your SaaS UIAI and Automation · 7 min read
Multimodal GEO: 6 steps to get images and video cited by AIInfrastructure and SEO · 7 min read
Bun vs Node in 2026: where each runtime wins in productionWeb Design and Engineering · 7 min read
Context engineering: what it is and how to do it for AI agentsAI and Automation · 8 min read
SaaS design agency in Spain: what to check before you signProduct Design · 8 min read
Visual hierarchy without color: 7 tools that replace the accentProduct Design · 8 min read
Empty state design: the 4 states every screen needsProduct Design · 9 min read
Website photography for software: the 7-step shot listProduct Design · 9 min read
Manufacturing software development partner: a 2026 buyer's briefBusiness and Scale · 8 min read
SaaS development agency in Italy: how to choose one in 2026Business and Scale · 9 min read
When to hire an agency for a design system (and when to wait)Product Design · 7 min read
Fintech development studio: what to vet on KYC, PSD3 and DORABusiness and Scale · 9 min read
Optical alignment in UI: 7 spacing fixes math gets wrongProduct Design · 8 min read
GEO vs AEO: what actually differs, and what changes in 2026Infrastructure and SEO · 8 min read
Next.js Agent DevTools: the AI debugging setup in 2026Web Design and Engineering · 7 min read
MCP governance in 2026: what the Linux Foundation handoff changedAI and Automation · 8 min read
Cloudflare AI Gateway: caching, spend caps, dynamic routingInfrastructure and SEO · 7 min read
SaaS pricing page design: 6 fixes that stop losing dealsProduct Design · 8 min read
How to run a design system audit in 5 days: a checklistProduct Design · 7 min read
SaaS Art Direction: How a Product Stops Looking Like a TemplateProduct Design · 7 min read
SOW vs MSA: which contract structure protects your SaaS buildBusiness and Scale · 7 min read
Typographic scale for product UI: sizes that hold on every screenProduct Design · 7 min read
Next.js Server Actions in production: patterns we use and avoidWeb Design and Engineering · 7 min read
SaaS onboarding UX patterns that cut first-week churnProduct Design · 7 min read
AI feature token cost: budget it before it eats your marginAI and Automation · 7 min read
Software agency contract red flags: 8 clauses to check in 2026Business and Scale · 7 min read
llms-full.txt vs llms.txt: what each does and when to add itInfrastructure and SEO · 6 min read
TypeScript 7's Go compiler: what the 10x speedup changesWeb Design and Engineering · 7 min read
Harden an MCP server for enterprise: SSO, audit, gatewayAI and Automation · 8 min read
In-house vs agency for a design system: when each winsProduct Design · 7 min read
Agency vs freelancer for MVP: a 2026 decision frameworkBusiness and Scale · 6 min read
How to brief a software development agency for a SaaS buildBusiness and Scale · 6 min read
10 mistakes founders make hiring a SaaS studio in 2026Business and Scale · 7 min read
AI search traffic converts 4.4x better: the SaaS capture playbookInfrastructure and SEO · 7 min read
What a discovery phase delivers (and what it should not)Business and Scale · 7 min read
Partial Prerendering is stable in Next.js 16: how to structure routesWeb Design and Engineering · 7 min read
Hybrid craft: the AI-and-human design workflow in 2026Product Design · 6 min read
Claude Code context window: manage it like a token budgetAI and Automation · 7 min read
AI Overviews vs AI Mode: why they cite different sources in 2026Infrastructure and SEO · 7 min read
SaaS activation metric: Slack's 2,000-message ruleBusiness and Scale · 7 min read
npm dependency sprawl: the real cost and how to cut it in 2026Web Design and Engineering · 7 min read
Product design retainer pricing in 2026: the real monthly rangesProduct Design · 8 min read
Anthropic API in Next.js: streaming, caching, and cost controlAI and Automation · 8 min read
Brand mentions vs backlinks: what predicts AI citations in 2026Infrastructure and SEO · 7 min read
Next.js i18n without a library: the App Router pattern we shipWeb Design and Engineering · 9 min read
Google's scaled content abuse policy: the AI pipeline that survivesAI and Automation · 7 min read
Discovery phase cost in 2026: what to pay and what to refuseBusiness and Scale · 7 min read
Stripe Checkout vs Customer Portal: what each one can't doInfrastructure and SEO · 6 min read
TanStack in 2026: Query, Router, Start, and what each one solvesWeb Design and Engineering · 6 min read
Sitemap strategy for a large content site: split, index, lastmodInfrastructure and SEO · 7 min read
AI integration cost for a SaaS in 2026: real rangesAI and Automation · 7 min read
Stripe integration cost and timeline for a SaaS in 2026Business and Scale · 7 min read
SaaS website design cost in 2026: a founder's pricing guideProduct Design · 7 min read
Design system pricing in 2026: project, retainer, or shared ownershipProduct Design · 7 min read
Design system ROI: measure it as a P&L line itemBusiness and Scale · 7 min read
WebGL vs CSS animation: when to use each (2026)Web Design and Engineering · 6 min read
SaaS dashboard design: show data without drowning usersProduct Design · 7 min read
How to write a CLAUDE.md file that steers Claude Code reliablyAI and Automation · 7 min read
How to add JSON-LD to a blog article the right way in 2026Infrastructure and SEO · 7 min read
Web font performance: one WOFF2 file, zero layout shiftWeb Design and Engineering · 7 min read
Design token naming conventions: a 3-tier system that scalesProduct Design · 7 min read
Designing for AI agents: building a UI the non-human user can readAI and Automation · 7 min read
MVP development cost in 2026: ranges by scope and stackBusiness and Scale · 5 min read
Technical SEO checklist for a B2B SaaS launch in 2026Infrastructure and SEO · 7 min read
6 frontend mistakes that tank your Lighthouse score in 2026Web Design and Engineering · 6 min read
Component drift: how design systems decay and how to catch itProduct Design · 7 min read
Vercel vs Docker for Next.js: a $600 bill down to $90Infrastructure and SEO · 5 min read
How to hire a product engineering studio in 2026Business and Scale · 8 min read
Type-safe RPC with Next.js Server Actions: skip the API layerWeb Design and Engineering · 6 min read
Design system structure: the 7 categories and the build orderProduct Design · 7 min read
Content freshness in 2026: the 90-day rule for SEO and GEOInfrastructure and SEO · 7 min read
How much does it cost to build a SaaS in 2026? Real ranges by scopeBusiness and Scale · 6 min read
AI consulting firm vs AI studio: which fits your stage in 2026AI and Automation · 8 min read
What is a Claude Code studio in 2026 (and how to pick one)AI and Automation · 7 min read
How to hire a product engineering studio in 2026: a buyer's playbookBusiness and Scale · 10 min read
Website architecture in 2026: SPA homepage, static for the restWeb Design and Engineering · 7 min read
Why we kill components instead of adding them: the design system dietProduct Design · 8 min read
Short-lived MCP server URLs: the TTL pattern for AI agents in 2026AI and Automation · 6 min read
GEO KPIs in 2026: Citation Rate, Mention Rate, PositionInfrastructure and SEO · 8 min read
How to write an RFP for software that attracts the right vendorsBusiness and Scale · 8 min read
Core Web Vitals on Next.js in 2026: how to ship greenWeb Design and Engineering · 8 min read
Functional UI animation in 2026: the checklist before it shipsProduct Design · 7 min read
Claude Code skills: when to use them, when they cost tokensAI and Automation · 7 min read
Where to find a SaaS design partner in 2026: 6 places that workBusiness and Scale · 8 min read
Cloudflare R2 vs Supabase Storage: when to add R2 in 2026Infrastructure and SEO · 10 min read
Immersive web stack in 2026: Lenis, GSAP, and what to skipWeb Design and Engineering · 8 min read
Upstash Redis: 5 patterns for rate limiting, sessions, locksInfrastructure and SEO · 8 min read
TypeScript strict mode: the 9 settings we never turn offWeb Design and Engineering · 10 min read
AI integration agency in 2026: what their pitch should actually containAI and Automation · 7 min read
12 mistakes we see teams make building their first multi-agent ops systemAI and Automation · 7 min read
Cloudflare R2 vs Supabase Storage vs S3 (2026): which to pickInfrastructure and SEO · 7 min read
Supabase Supavisor: transaction mode, port 6543, 80ms costInfrastructure and SEO · 8 min read
Next.js development agency vs in-house: when each one wins in 2026Web Design and Engineering · 8 min read
Design system as a service: 6 agency models compared in 2026Product Design · 8 min read
Claude integration partner: what to look for before you signAI and Automation · 6 min read
How to choose a B2B SaaS design agency in 2026Product Design · 8 min read
Stripe integration partner vs DIY: when each one wins in 2026Business and Scale · 8 min read
MVP development agency in 2026: how to pick one that shipsBusiness and Scale · 7 min read
Best SaaS design agencies in 2026: how to actually compare themProduct Design · 9 min read
What an AI-native studio actually means in 2026Business and Scale · 7 min read
Next.js Server Actions security: 13 advisories and 2026 fixesWeb Design and Engineering · 7 min read
Dark mode is not a toggle: context-aware theming in 2026Product Design · 7 min read
Multi-agent system design patterns that survive productionAI and Automation · 7 min read
Supabase RLS performance: 7 fixes for the 11x slowdownInfrastructure and SEO · 9 min read
Post-launch rot: why your site falls apart 6 months after handoverBusiness and Scale · 7 min read
Edge runtime vs Node runtime: Next.js 16 moved the defaultWeb Design and Engineering · 9 min read
Accessibility-first design after the EU Accessibility ActProduct Design · 7 min read
Claude Code hooks: PreToolUse guards, PostToolUse formattersAI and Automation · 9 min read
Cloudflare AI crawler allow list: GPTBot and ClaudeBotInfrastructure and SEO · 11 min read
Multi-tenant from day one: why single-tenant SaaS is a 5-year mistakeBusiness and Scale · 8 min read
Why we removed Tailwind from production: a CSS-only design systemWeb Design and Engineering · 8 min read
Calm UI in 2026: the shift away from animation theatricsProduct Design · 6 min read
AI bolted-on vs AI-native: why the retrofit hits a ceilingAI and Automation · 8 min read
The 7 schema markup types every blog needs in 2026Infrastructure and SEO · 8 min read
RevenueCat vs Stripe Billing in 2026: 1% vs 0.7% feesBusiness and Scale · 9 min read
Modern CSS 2026: cascade layers, container queries, :has()Web Design and Engineering · 7 min read
How to govern a design system across 10+ consumer projectsProduct Design · 8 min read
Claude Code workflow patterns we use to ship production code dailyAI and Automation · 7 min read
llms.txt: what it is, what to put in it, and if you need oneInfrastructure and SEO · 7 min read
SaaS usage metering and billing: the 6-step Stripe setupBusiness and Scale · 8 min read
Why we still pick Next.js over Astro for most SaaS in 2026Web Design and Engineering · 8 min read
10 design system mistakes that wreck consistency at scaleProduct Design · 8 min read
Managed vs self-hosted MCP server: 6 axes that decide itAI and Automation · 10 min read
How to write the first 200 tokens so AI engines cite your articleInfrastructure and SEO · 6 min read
One team, one invoice: why founders stop stacking SaaS vendorsBusiness and Scale · 7 min read
React Compiler 1.0 directives: use memo and use no memoWeb Design and Engineering · 7 min read
Design tokens vs CSS variables vs Tailwind, explained (2026)Product Design · 9 min read
Next.js MCP server: mcp-handler, OAuth 2.1, Redis sessionsAI and Automation · 7 min read
The 12 GEO best practices that actually move citation rates in 2026Infrastructure and SEO · 8 min read
Studio vs freelancer vs agency in 2026: who fits which budgetBusiness and Scale · 8 min read
Server Components vs Client Components: the decision tree we followWeb Design and Engineering · 7 min read
Third-party component libraries: an expensive shortcutProduct Design · 6 min read
What is MCP and why your SaaS needs an MCP server in 2026AI and Automation · 7 min read
What is Generative Engine Optimization (GEO) vs SEOInfrastructure and SEO · 6 min read
The agency tax: why mid-market companies overpay for digital workBusiness and Scale · 7 min read
Next.js 16 + React 19: the 3 changes that break old SaaS codeWeb Design and Engineering · 7 min read
Design system audit: the 5 checks and the repair roadmapProduct Design · 13 min read
7 Claude app mistakes that cost tokens, money, or the companyAI and Automation · 5 min read

Field notes from the studio.

RSS Sitemap llms.txt

Field notes

All articles

2026169