Instant Navigations: How Next.js Makes Server-Rendered Apps Feel Like SPAs

Presentation byYaroslav Matushevych

Client-side navigation has always been the SPA advantage over server-rendered apps - click a link, see the next page instantly, no round trip. Next.js has been closing that gap piece by piece, and its latest rendering model gets it most of the way there without giving up streaming, caching, or Server Components. This talk breaks down how Next.js decides what's static and what's dynamic at the component level rather than the route level, why that shift is what actually makes instant navigation possible, and what's involved in bringing it into an existing production app.

Presented with these Guilds
Cover Photo for Web Engineering London (React Advanced)
Primary Photo for Web Engineering London (React Advanced)

Web Engineering London (React Advanced)

React Advanced London is a community organizing quarterly in-person events and an annual hybrid conference in October.

Engineers of all levels are welcome to join, our meetups are always free to attend and a great place to meet other likeminded people and share some insights about your work and experience from the stage.

Contact email: hi@reactadvanced.com

Want to give a talk at our next meetup? We welcome talk ranging from 5 to 20 min length on any topic related to React and/or React Native, submit them here and we'll be in touch https://forms.gle/rCiQ8Y4jajiC8AHMA

Venue proposal from: https://shorturl.at/FOT34

By joining this group you agree to comply to our Code of Conduct

1.9KMembers
Similar Presentations

Instant Navigations: How Next.js Makes Server-Rendered Apps Feel Like SPAs

Presentation byYaroslav Matushevych

Client-side navigation has always been the SPA advantage over server-rendered apps - click a link, see the next page instantly, no round trip. Next.js has been closing that gap piece by piece, and its latest rendering model gets it most of the way there without giving up streaming, caching, or Server Components. This talk breaks down how Next.js decides what's static and what's dynamic at the component level rather than the route level, why that shift is what actually makes instant navigation possible, and what's involved in bringing it into an existing production app.

Presented with these Guilds
Cover Photo for Web Engineering London (React Advanced)
Primary Photo for Web Engineering London (React Advanced)

Web Engineering London (React Advanced)

React Advanced London is a community organizing quarterly in-person events and an annual hybrid conference in October.

Engineers of all levels are welcome to join, our meetups are always free to attend and a great place to meet other likeminded people and share some insights about your work and experience from the stage.

Contact email: hi@reactadvanced.com

Want to give a talk at our next meetup? We welcome talk ranging from 5 to 20 min length on any topic related to React and/or React Native, submit them here and we'll be in touch https://forms.gle/rCiQ8Y4jajiC8AHMA

Venue proposal from: https://shorturl.at/FOT34

By joining this group you agree to comply to our Code of Conduct

1.9KMembers
Similar Presentations