Technical writing from the Jodei team
Practical notes on AI-native development, React, and shipping fast web products.
- June 22, 2026 · 5 min read
View Transitions in Next.js 16: Animating Between Pages Without a Library
React's ViewTransition component integrates with the browser's View Transitions API to animate route changes declaratively. Here's how to enable it in Next.js 16 and which three patterns cover most AI-native app use cases.
Read post - June 15, 2026 · 5 min read
useOptimistic in AI-Native Apps: Instant Feedback While the LLM Thinks
React 19's useOptimistic hook lets you show a temporary UI state immediately — before the server responds. Here's how to use it in AI-native Next.js apps to make LLM interactions feel instant.
Read post - June 8, 2026 · 5 min read
Server Functions in Next.js 16: Mutations Without an API Layer
Next.js 16 formalises the 'Server Function' model — async functions that run on the server and are callable from the client. Here's how they work, how to handle pending state with React 19's useActionState, and where they fit in AI-native workflows.
Read post - June 1, 2026 · 5 min read
Partial Prerendering in Next.js 16: Static Shells, Dynamic Holes
Partial Prerendering combines a cached static shell with streamed dynamic content in one HTTP response — no layout shift, no separate loading state. Here's how to enable it and when to reach for it.
Read post - May 25, 2026 · 5 min read
The use cache Directive: Next.js 16's New Approach to Caching
Next.js 16 introduces Cache Components — a new model where caching is declared inside functions with a directive, not set on routes or fetch calls. Here's how it works and when to adopt it.
Read post - May 18, 2026 · 6 min read
Caching AI API Responses in Next.js: What to Store, What to Skip
LLM calls are slow and expensive. Next.js gives you three caching layers — here's how to apply each one without serving stale or wrong output.
Read post - May 11, 2026 · 5 min read
Streaming UI with React Suspense: The Right Mental Model
Suspense lets you stream server-rendered HTML progressively — no client-side loading states needed. Here's how it works and when to reach for it in AI-native apps.
Read post - May 4, 2026 · 4 min read
React Server Components: How Your Bundle Stays Small
RSC renders components exclusively on the server — their code never ships to the browser. Here's what that means in practice for AI-native apps.
Read post