Doing some Saturday coding and remembered this neat trick: if you use file-based routing, custom editor labels put the folder name in front of 𝚙𝚊𝚐𝚎.𝚝𝚜𝚡 so you can actually tell your files apart. Next.js App directory example, full config below ↓

I was clicking through astryx.atmeta.com, Meta's design system docs, and noticed it felt kinda slow to navigate. It's a docs site that should be static, but routes rendered on the server. I wanted to see if our 𝚗𝚎𝚡𝚝-𝚌𝚊𝚌𝚑𝚎-𝚌𝚘𝚖𝚙𝚘𝚗𝚎𝚗𝚝𝚜-𝚊𝚍𝚘𝚙𝚝𝚒𝚘𝚗 skill could help. Now it's instant, up to 3x faster ↓

man i love slack

Going forward, Next.js will be making security releases more predictable by announcing them ahead of time. More details: nextjs.org/blog/next-s...

I'm back on @podrocket.bsky.social! We talk about Async React and the gap between a click and its result, and why that's a UX problem so easy to ignore. We also cover Cache Components, the 16.3 preview, and using AI and skills to improve dev tooling. open.spotify.com/episode/1BzJ...

Bonus: react.dev now has dynamic OG images (finally)! react.dev/reference/re...

When a ViewTransition animates a Suspense reveal (Canary only), React waits for new fonts, so text never flashes in the wrong font.

One Suspense boundary wrapped in a ViewTransition (Canary only), loading data, a stylesheet, a font, and a portrait. React waits for everything before revealing the card.

I've been working on the React Suspense docs: there's now a full list of what activates a Suspense boundary, with a live example for each trigger. Thanks @danabra.mov and Sebbie Silbermann for reviews! react.dev/reference/re... Demos below ↓

The Suspense is over! The newly updated Suspense docs now show the 7 ways of updating suspense boundaries, what a Suspense-enabled framework is, and lots of examples! Thank you to @aurorascharff.no for writing, and @sebbie.dev, @danabra.mov and @yadiel.dev for reviewing! react.dev/reference/re...

@aurorascharff.no is going to host a free workshop on building AI-powered interfaces in React certificates.dev/workshops/bu...

Turbopack: What's new in Next.js 16.3 Preview • Up to 90% less memory in dev • Up to 5.5x faster builds via Filesystem Cache • Faster HMR and dev startup • Experimental Rust React Compiler • 𝚒𝚖𝚙𝚘𝚛𝚝.𝚖𝚎𝚝𝚊.𝚐𝚕𝚘𝚋 support nextjs.org/blog/next-1...

... i have joined the @nextjs.org team at @vercel.com. for a start, i'll be working part-time, so please don’t flood me with bug reports yet. however, i’ll try to keep an eye on them as i want to understand what problems Next.js users are running into every day. i want App Router to get good!

We're doing a small meetup in NYC on Monday morning. Coffee, bagels, and Next.js in Washington Square Park. I'll be there, alongside @acdlite and @samselikoff.com 🔥 If you're around, come hang out. We can talk through the 16.3 Preview, do demos, answer questions, or just chat! luma.com/vkugbkm8

We found a way to make adopting Cache Components incremental: this Skill works through your app feature by feature, checking in so you stay in control.

Instant Insights has been my focus on the AI side. Every fix now comes with a prompt you can hand to your agent, so you pick the fix and it does the work.

A lot of my work lately has gone into getting Next.js ready for agent-driven development. The 16.3 Preview gets us one step closer.

Next.js 16.3 Preview: AI Improvements More and more Next.js is written by coding agents, so we're building a framework that helps them succeed. • Auto-managed 𝙰𝙶𝙴𝙽𝚃𝚂.𝚖𝚍 • First-party Skills • Agent Browser with React introspection • Actionable error messages nextjs.org/blog/next-1...

aurora has done a fantastic job at making these good. one of the few error messages (ahem, Insights!) that i actually enjoy seeing

We built this Skill to make adopting Cache Components easier. It walks your agent through the migration in an existing app. Try it and let me know how it goes so we can make it better!

Instant Navigations builds on Cache Components. To migrate an existing app, install our Skill: npx skills add vercel/next.js --skill next-cache-components-adoption Then ask your agent to adopt Cache Components using the Skill.

Next.js 16.3 Preview: Instant Navigations A new suite of tools that brings the responsiveness of client-driven SPAs to Next.js, without giving up what Server Components do best. The speed of the server, with the feel of the client. Try it and tell us what you think ↓ nextjs.org/blog/next-1...

Instant Insights gives you options for how to make a navigation instant: • Stream the data behind a <𝚂𝚞𝚜𝚙𝚎𝚗𝚜𝚎> boundary • Cache the data with '𝚞𝚜𝚎 𝚌𝚊𝚌𝚑𝚎' Or allow the navigation to Block with 𝚎𝚡𝚙𝚘𝚛𝚝 𝚌𝚘𝚗𝚜𝚝 𝚒𝚗𝚜𝚝𝚊𝚗𝚝 = 𝚏𝚊𝚕𝚜𝚎.

I've been a part of working on Instant Insights: when a navigation isn't instant, the dev overlay tells you exactly why and shows you how to fix it, Stream, Cache, or Block.

Next.js 16.3 Preview is now available! We've been working on this for a while and teasing it through Next.js Nights. Excited for you to try it and share your feedback as we work towards the stable release.

there's still quite a lot i’d like to see improved in @nextjs.org before i can recommend it without reservations, but this release, and in particular the gradual opt-in to SPA-like instant navigations, is a very encouraging direction to me. speaking of the team...

It's sooooo nice when people don't just post feedback but actually submit PRs. Max is great, be like Max.

The awesome newly updated `use()` docs show more ways to make `use()` a truly useful API, for data loading on the client and the server. Thank you to @ricky.fm and @aurorascharff.no for writing, and @brenelz.com, @stephanjnoel.bsky.social , and @yadiel.dev for reviewing! react.dev/reference/re...

Cache Components surface errors as you build when something dynamic would block your shell, nudging you toward a more performant app. The shell loads instantly while dynamic parts stream, and on this demo every route lands in the green. We're working hard to make them easier to adopt!

What is your secret? The bulk of the JS is from Next, not third-party packages or your code. Also, almost-perfect Page Speed Insights performance scores! pagespeed.web.dev/analysis/htt...

My React Summit talk is up: What RSCs Can Do in Next.js Today. To show it, I built a music player, open source and deployed on an early preview of Next.js 16.3. 🎵 next-beats.dev Watch the talk for the full walkthrough, and check the key patterns in code below ↓ gitnation.com/contents/wha...

acdlite talking about Instant Navigations at @nextjs.org Nights London

After a successful Next.js Night in Amsterdam last week, we’re getting ready for our final one (for now!) in London in Thursday. And we’ve grabbed @simeongriggs.dev as a community speaker too! Event signup still open, see you there!

How many technologies can you get in one photo ? With: @timneutkens.bsky.social @sokra.bsky.social & @aurorascharff.no (nextJs) @thealexlichter.com (void0) @tobbe.dev (CedarJs) @tkdodo.eu & Harry (TanStack) Taken at @reactsummit.gitnation.org

The RSC Queen 👸 @aurorascharff.no at React Summit Amsterdam today. 🫶🏽🙌🏽

#reactsummit RSC’s live coding with @aurorascharff.no

Wrote a post on building a reusable NavLink in Next.js, taking inspiration from React Router. Covers: • Render props for 𝚒𝚜𝙰𝚌𝚝𝚒𝚟𝚎 and 𝚒𝚜𝙿𝚎𝚗𝚍𝚒𝚗𝚐 • 𝚞𝚜𝚎𝙿𝚊𝚝𝚑𝚗𝚊𝚖𝚎() vs 𝚞𝚜𝚎𝚂𝚎𝚕𝚎𝚌𝚝𝚎𝚍𝙻𝚊𝚢𝚘𝚞𝚝𝚂𝚎𝚐𝚖𝚎𝚗𝚝𝚜() • Flicker-free first paint • Built-in Suspense for Cache Components aurorascharff.no/posts/buildi...

The RSC Queen 👸 @aurorascharff.no presenting now at React Norway 🫶🏼

Backstage at React Norway! Looking forward to this talk! Free livestream: reactnorway.com/tickets/onli...

You guys seemed to really like Cronotype, so I added Teams. Drop in a list of GitHub handles and see the archetype mix of the whole team in one gallery. cronotype.vercel.app/team?handles...

Some people werent able to get their full history if they were a long time comitter... Should be doable now with the new paginated UI!

You guys seemed to really like Cronotype, so I added Teams. Drop in a list of GitHub handles and see the archetype mix of the whole team in one gallery. cronotype.vercel.app/team?handles...

I like this architecture so much I'm using it in every new project I build, and converting the ones I'm still actively working on. So I wrote a skill to apply it easily. Try it out and see how it works for you. github.com/aurorascharf...

Cronotype crunches a lot of GitHub data per handle. Cache Components keeps it under the rate limit, plus a sneak peek of some unreleased Next.js enhancements to make navigations instant. cronotype.vercel.app Real user performance across regions:

Guess when I started full-time on @heyapi.dev

checks out cronotype.vercel.app/danielroe

This is too accurate! I'm a Weekend Warrior. Find your developer type: cronotype.vercel.app/MaxwellCohen Great work @aurorascharff.no

I'm an Insomniac Maintainer. Find your developer type: cronotype.vercel.app/devlinduldulao

Small weekend project: Cronotype. Type a GitHub handle and find out what kind of developer you are based on when you commit. Here's mine! cronotype.vercel.app/aurorascharff