How we rebuilt Next.js in one week

How we rebuilt Next.js in one week
14 minutes by Steve Faulkner

Steve introduces vinext, a new front-end framework built in one week by one engineer using AI. It re-creates the Next.js API on top of Vite and deploys to Cloudflare Workers with one command. Early tests show builds up to 4x faster and much smaller bundles. Steve says it is experimental but already running in production and points out how AI can greatly speed up software development.

Your AI coding assistant now knows Clerk
sponsored by Clerk

Clerk Skills gives Cursor, Claude Code, and Copilot access to current SDK patterns, auth hooks, and component APIs. Instead of hallucinated imports and deprecated methods, you get working React code: protected routes, RBAC, org management, all of it. One install, and your agent writes Clerk like a dev who reads the docs. Add to your editor.

Let coding agents diagnose and fix your React code
8 minutes by Aiden Bai

React Doctor highlights problems like incorrect use of useEffect, missing authentication in server actions, using array indexes as keys, and components that reset state on every render. It also detects unsafe data fetching, improper state syncing, and missing accessibility checks for animations. These issues can cause bugs, security risks, and poor user experience.

Creating query abstractions
6 minutes by Dominik Dorfmeister

Dominik says that custom hooks feel like the natural way to share query logic, but they come with real limits around TypeScript inference and reusability outside components. The `queryOptions` function, available since TanStack Query v5, solves this cleanly. It works anywhere, keeps full type inference, and lets you add extra options directly at the call site without touching the abstraction.

How toCreate a multi-directory route organization in React router
4 minutes by Sergio Xalambrí

Sergio explains how to organize a growing React Router app using multiple route directories. Instead of keeping all routes in one folder, he suggets to split them by purpose, such as public pages, app routes, APIs, and actions. Each folder uses the flat routes pattern, and they are combined in routes.ts. Shared layouts and middleware can be applied per section.

Building a scroll-driven 3D image tube with React three fiber
4 minutes by Matis Dené

In this tutorial, Matis builds an interactive 3D scene made of three main parts – a grid in the background that reacts to your mouse, a cylindrical tube of images that scrolls up and down and a glass helmet that rotates with the tube. On top of that, he adds a hover effect that gently slows everything down, a tooltip built in the DOM that follows the mouse or a smooth custom cursor.

What if your IDE flagged accessibility issues the same way it flags a missing semicolon?
sponsored by BrowserStack

BrowserStack's Accessibility DevTools does exactly that, catching WCAG violations as you code and routing fix suggestions through Copilot, Claude, or Cursor right where you're already working. No context switching, no separate audit cycles. IBM research puts the cost of fixing accessibility post-release at 25x more than catching it in development. It's free and takes under a minute to install.

javascript

• Goodbye innerHTML, Hello setHTML
• Using the Browser’s canvas for Data Compression
• The JavaScript Oxidation Compiler

webdev

• Underlining links with CSS
• An in-depth guide to customising lists with CSS
• Sprites on the web

And the most popular article from the last issue was:

• Virtual scrolling for billions of rows