1/ Update on the new Next.js router, with support for nested layouts and React Server Components.
This is the biggest update to Next.js since it was released and incorporates many features from React 18.
We made a quick demo to show some of the features.
2/ This new router stands on the shoulders of React 18:
◆ Pages and Layouts are Server Components by default, sending less code to the client
◆ Interfaces are non-blocking and can be interrupted if higher priority work happens like transitions
We've improved our documentation of accessibility features in Next.js:
◆ Provide page names to screen readers and assistive technologies for client-side navigations
◆ ESLint default accessibility rules
◆ Disable JavaScript with an experimental flag
nextjs.org/docs/accessibilit…
We're live on Product Hunt! Big thanks to @rauchg for hunting us. 🙏
Makeswift 2.0 is made for the @nextjs community. We can't wait to see what you build!
producthunt.com/posts/makesw…
Next.js 12.2:
◆ Middleware: Dynamic routing for your entire app
◆ On-Demand ISR: Update content without redeploying
◆ Edge Runtime (Exp): API Routes and SSR based on Web standards
◆ `next/image` (Exp): Faster & more flexible new version
nextjs.org/12-2
I recently helped build mongodb.vercel.app, which was featured at the keynote of MongoDB World.
It's a developer directory built on @Nextjs, @MongoDB and @Vercel.
Here's a full breakdown of how we built it:
Next.js Layouts RFC
◆ Nested routes / layouts
◆ Designed for Server Components
◆ Fetch in layouts while avoiding waterfalls
◆ React 18 features – startTransition, Suspense
◆ Client and server routing
◆ 100% incrementally adoptable
nextjs.org/blog/layouts-rfc
📣 The Next.js router is getting a major upgrade!
◆ Nested routes / layouts
◆ Client and server routing
◆ React 18 features – startTransition, Suspense
◆ Designed for Server Components
◆ 100% incrementally adoptable 🤯
Expect an RFC very soon 👀
`next/link` will no longer require manually adding `<a>` as a child!
This supports both string literals as well as custom React components as children.
Starting in the next minor release, you'll be able to opt-into this behavior.
PR with more details: github.com/vercel/next.js/pu…
Next.js 12.1:
◆ On-demand Incremental Static Regeneration
◆ SWC support for styled-components, Relay, and more
◆ Zero-configuration Jest support
◆ ~80% smaller Docker images when self-hosting
◆ Next.js Developer Survey
nextjs.org/12-1