Aurora Scharff

@aurorascharff.no

DX, Docs & Education @nextjs.org ▲ @vercel.com | React Cert Lead @CertificatesDev

Building SPA-like experiences with Next.js (7) With Suspense, you can stream your page in so it loads fast (LCP) and stays stable (CLS). <𝚂𝚞𝚜𝚙𝚎𝚗𝚜𝚎 𝚏𝚊𝚕𝚕𝚋𝚊𝚌𝚔={<𝙿𝚘𝚜𝚝𝚂𝚔𝚎𝚕𝚎𝚝𝚘𝚗 />}> <𝙿𝚘𝚜𝚝 /> <𝚂𝚞𝚜𝚙𝚎𝚗𝚜𝚎 𝚏𝚊𝚕𝚕𝚋𝚊𝚌𝚔={<𝚁𝚎𝚙𝚕𝚒𝚎𝚜𝚂𝚔𝚎𝚕𝚎𝚝𝚘𝚗 />}> <𝚁𝚎𝚙𝚕𝚒𝚎𝚜 /> </𝚂𝚞𝚜𝚙𝚎𝚗𝚜𝚎> </𝚂𝚞𝚜𝚙𝚎𝚗𝚜𝚎>

Building SPA-like experiences with Next.js (6) You can lose connection mid-session and your app waits it out, then picks back up the moment you reconnect. Live demo, source code, and docs below ↓

The DaloyJS 1.0.0 stable version is here 🎉🎉🍻🍻. Secure-by-default HTTP routes matter more now because APIs get scaffolded and shipped faster than people configure them. If the framework doesn't block the dumb stuff first, production often ships without it. daloyjs.dev/blog/daloyjs...

DaloyJS 1.0.0 Is Out, and Almost Every Late Bug Was in the Wiring · DaloyJS

The API is frozen and semver starts now. The interesting part of getting here: nine release candidates of live pentesting, where the findings were almost never inside a middleware. They were between t...

daloyjs.dev

Next.js 16.3 is now available! • Up to 90% less memory in dev • Faster builds, type checking, and rendering • Better tooling for AI agents • Custom error boundaries • Instant Navigations for SPA-like responsiveness nextjs.org/blog/next-16-3 Here's what's new ↓

New blog post! I've been building Drop, a small social app, and experimenting with React Server Components for performance and UX. Drop is one of the apps from my "Building SPA-like experiences with Next.js" series, which continues next week! aurorascharff.no/posts/experi...

Experimenting with RSCs for Performance and UX in Next.js | Aurora Scharff

A few Server Component patterns from a small app on the Next.js 16.3 preview: a load more button that leans on the URL, a search field that keeps focus while results stream, and a message composer tha...

aurorascharff.no

Building SPA-like experiences with Next.js (5) You can keep your data cached and still see your own changes the moment you make them. Live demo, source code, and docs below ↓

Building SPA-like experiences with Next.js (4) Server Components keep your app fast with data on the server and less JavaScript, but you can still build fully interactive apps. Live demo, source code, and docs below ↓

Building SPA-like experiences with Next.js (3) With Partial Prefetching, you can tap a link and the page arrives with its content already there. Live demo, source code, and docs below ↓

Building SPA-like experiences with Next.js With 𝚌𝚊𝚌𝚑𝚎𝙲𝚘𝚖𝚙𝚘𝚗𝚎𝚗𝚝𝚜, the data behind a page can persist across navigations, so a revisit skips the loading fallback. Live demo, source code, and docs below ↓

Building SPA-like experiences with Next.js With Instant Navigations, you can click around and the next page is there right away, the way a single-page app feels. Live demo, source code, and docs below ↓

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 ↓

Bild

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 ↓

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.

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...

Turbopack: What's New in Next.js 16.3

Turbopack in Next.js 16.3 adds development memory eviction, persistent file cache for builds, experimental Rust React Compiler, and `import.meta.glob` support.

nextjs.org

... 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!