Issue #83 // April 11, 2025 // Open web version |
|
Next.js 15.3 – Turbopack builds (alpha) are here, making builds super fast (at 16 cores it’s 60% faster than Webpack). If you’re not ready for Turbo, this release also brings a new community-built Rspack plugin with near-perfect Webpack API compatibility. New navigation APIs called onNavigate and useLinkStatus give you more control over routing. There’s also a new client instrumentation file which lets you set up monitoring before your app starts.
Building Reusable Components with React 19 Actions – A great practical guide to understanding React Actions and how to use them with useTransition() and useOptimistic() to build smarter components.
⚡️ SponsorTrigger v4 – Background jobs & AI infrastructure – Trigger v4 is now in beta! With heaps of new features and performance improvements, including: 🔥 Warm starts 💻 Refreshed dashboard ✅ Human-in-the-loop ⚡ Prioritize runs ✋ Pause queues 🧠 MCP server
📙 Tutorials, Articles & OpinionReact for Two Computers – Dan turned his popular talk on how RSCs let two computers handle React into a blog post. (though, at this length, it’s basically a mini book)
𝕏 How Next.js handles Prefetching & Prerendering under the hood – Breaks down two key concepts that make websites feel fast: prerendering for snappy initial page loads and prefetching for seamless page transitions.
LLM bots + Next.js image optimization = recipe for bankruptcy – Imagine waking up to a $7,000 bill because bots went wild on your site. That’s what happened to Metacast when LLM bots scraped tens of thousands of podcast cover images, triggering Vercel’s Image Optimization API. They share how they stopped the bleeding, blocked bots, and learned some hard lessons about scaling. Luckily, Vercel updated their pricing after this fiasco.
How does the use API work with Next 15 and React 19? – Explores the functionality of the use API in React 19 and its usage in Next.js 15 for efficient data fetching.
📦 Packages / Tools / ReposIntroducing Chat SDK – A free, open-source template for building powerful chatbot applications.
Origin UI: Calendar Layout – A super fancy, shadcn/ui-based, oss, calendar layout that you can use in your own apps. Here’s the source code btw.
RetroUI – Retro styled component library based on React and TailwindCSS. Comes with 40+ free UI components that you can just copy paste into your projects.
Tailwind CSS v4.1 – 4.1 brings some really cool features: Text-shadow utilities (finally), mask-* utilities for creative layouts, colored drop shadows, and better browser compatibility.
⚡️ SponsorMulti-tenancy doesn’t have to be complicated – Clerk and Supabase empower you to build B2B apps with only a few small changes to your codebase. Learn how in this guide.
🌈 RelatedCloudflare adapter for OpenNext – The Cloudflare adapter for OpenNext is now in 1.0-beta, making it easier to deploy Next.js apps to Cloudflare Workers. It supports key Next.js 15 features like caching, partial prerendering, middleware, and image optimization, with more improvements coming. It’s the new go-to for deploying Next.js apps to Cloudflare Workers, replacing Next on Pages.
𝕏 Running end-to-end tests in GitHub Actions against Vercel deployments – You can now use repository_dispatch events in GitHub Actions for your Vercel projects.
Experimenting with React View Transitions – A first look at React's new and experimental View Transitions API.
Understanding SPAs and their shortcomings – SPAs (Single Page Applications) aim to feel faster by preloading JavaScript for all pages, but as they grow, bundle sizes balloon, and lazy loading introduces frustrating delays. Brad highlights how frameworks like Next.js solve these issues by blending SPA-like navigation with server-rendered HTML.
|