Loading video...

Video Failed to Load

Go Home

"Some navigation links feel unresponsive in Next.js 13." Add a loading state to the page.

asidorenko_'s profile picture

Alex Sidorenko

35,414 subscribers

125,971 views • 3 years ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Intercepting routes in Next.js 13.3 🤯 You can "intercept" a dynamic navigation to a different page, and display something different instead—for example a product preview. Then, when the page is refreshed or loaded anew, the regular page loads.
0:12

Intercepting routes in Next.js 13.3 🤯 You can "intercept" a dynamic navigation to a different page, and display something different instead—for example a product preview. Then, when the page is refreshed or loaded anew, the regular page loads.

Chris Nicholas

774,814 views • 3 years ago

Partial rendering in Next.js 13. "Only the route segments that change on navigation re-render on the client, and any shared segments are preserved"
0:12

Partial rendering in Next.js 13. "Only the route segments that change on navigation re-render on the client, and any shared segments are preserved"

Alex Sidorenko

159,372 views • 3 years ago

"How to stop refetching certain server components during navigation in Next.js" Move them to layout
0:18

"How to stop refetching certain server components during navigation in Next.js" Move them to layout

Alex Sidorenko

64,592 views • 1 year ago

How to show an inline loading indicator in Next.js with server components? With "useTransition"
0:16

How to show an inline loading indicator in Next.js with server components? With "useTransition"

Alex Sidorenko

133,389 views • 3 years ago

How to show 404 page for dynamic routes in Next.js (App Router)
0:17

How to show 404 page for dynamic routes in Next.js (App Router)

Alex Sidorenko

114,944 views • 2 years ago

Today's front page features some wonderful pieces of the first day of the #200tezos event! Discover them below - and feel free to add your personal favorites to the thread! 🧵
0:17

Today's front page features some wonderful pieces of the first day of the #200tezos event! Discover them below - and feel free to add your personal favorites to the thread! 🧵

objkt

17,413 views • 3 years ago

Feel free to come check out my page. Links in bio! #onlyfans #bodycheck #Florida #Sagittarius #TrendingNow
0:16

Sensitive content

Feel free to come check out my page. Links in bio! #onlyfans #bodycheck #Florida #Sagittarius #TrendingNow

SoaQueen

29,405 views • 1 year ago

How to re-trigger suspense in Next.js 13 when search params change
0:15

How to re-trigger suspense in Next.js 13 when search params change

Alex Sidorenko

184,068 views • 3 years ago

💡 Using Next.js's Intercepting Routes can be useful if you want to show a route while keeping the context for the current page! E.g. we can render an overlaying modal on soft navigation and a standalone page on hard navigation, which requires a full page reload:
0:12

💡 Using Next.js's Intercepting Routes can be useful if you want to show a route while keeping the context for the current page! E.g. we can render an overlaying modal on soft navigation and a standalone page on hard navigation, which requires a full page reload:

Lydia Hallie ✨

564,123 views • 3 years ago

Building SPA-like experiences with Next.js With 𝚌𝚊𝚌𝚑𝚎𝙲𝚘𝚖𝚙𝚘𝚗𝚎𝚗𝚝𝚜, the data behind a page can persist across navigations, so a revisit skips the loading fallback. Mark the read with '𝚞𝚜𝚎 𝚌𝚊𝚌𝚑𝚎' so its result is cached instead of re-queried on each render. That cache also persists in the browser, so revisiting the page reuses it without hitting the server again. Live demo, source code, and docs below ↓
0:12

Building SPA-like experiences with Next.js With 𝚌𝚊𝚌𝚑𝚎𝙲𝚘𝚖𝚙𝚘𝚗𝚎𝚗𝚝𝚜, the data behind a page can persist across navigations, so a revisit skips the loading fallback. Mark the read with '𝚞𝚜𝚎 𝚌𝚊𝚌𝚑𝚎' so its result is cached instead of re-queried on each render. That cache also persists in the browser, so revisiting the page reuses it without hitting the server again. Live demo, source code, and docs below ↓

Aurora Scharff

29,082 views • 2 months ago

one (hacky) way that congress could try to douse the gerrymandering flames without interfering in state redistricting - add some seats to the House (100?) and then mandate that they be awarded at-large by state as leveling seats
0:10

one (hacky) way that congress could try to douse the gerrymandering flames without interfering in state redistricting - add some seats to the House (100?) and then mandate that they be awarded at-large by state as leveling seats

matt mohn

130,137 views • 4 months ago

Say goodbye to the limitations of the History API. Discover the Navigation API and unlock a new era of smooth, dynamic single-page applications. Check it out:
0:10

Say goodbye to the limitations of the History API. Discover the Navigation API and unlock a new era of smooth, dynamic single-page applications. Check it out:

Chrome for Developers

23,347 views • 1 year ago

LOOK. This is just a regular ol' website. No JavaScript whatsoever. Navigation pages with clicks <a> links to other HTML pages. The most basic website in the world. Yet, with a few lines of code to activate View Transitions, KAPOW.
0:14

LOOK. This is just a regular ol' website. No JavaScript whatsoever. Navigation pages with clicks <a> links to other HTML pages. The most basic website in the world. Yet, with a few lines of code to activate View Transitions, KAPOW.

Chris Coyier

830,514 views • 3 years ago

The official Hyperliquid stats page now links to the ASXN dashboard!
0:12

The official Hyperliquid stats page now links to the ASXN dashboard!

ASXN

15,130 views • 10 months ago

ADD SHIBARIUM IN 13 SECONDS Just go to: That’s it. You’re in.
0:12

ADD SHIBARIUM IN 13 SECONDS Just go to: That’s it. You’re in.

Shibarium | SHIB.IO

19,270 views • 1 year ago

We're working on some navigation improvements to The Maze for the next update... 👀 #ChronoGear
0:15

We're working on some navigation improvements to The Maze for the next update... 👀 #ChronoGear

Chrono Gear: Warden of Time ⏳ Out Now!

21,755 views • 1 year ago

Worked on some dice exercise gifs for a future #PhysEd warm up so I thought I’d share! (Love having visuals for kids to see through the activity!) Feel free to use! Becky Foellmer - cbhpe.org feel free to add these to your site!
0:14

Worked on some dice exercise gifs for a future #PhysEd warm up so I thought I’d share! (Love having visuals for kids to see through the activity!) Feel free to use! Becky Foellmer - cbhpe.org feel free to add these to your site!

PEwithCoachSmith

17,887 views • 2 years ago

Had some fun this weekend building this calendar widget. It's informed by the guests' timezones. ⌛ Built with the help of framer motion in a Next.js project.
0:12

Had some fun this weekend building this calendar widget. It's informed by the guests' timezones. ⌛ Built with the help of framer motion in a Next.js project.

Mariana Castilho

62,114 views • 2 years ago

Consent Manager now available! - Built on top of c15t. - Default theme is customized to match shadcn /ui. - Built for Next.js, but easy to adapt to other frameworks. npx shadcn add [@]ncdai/consent-manager Full details in the comments.
0:16

Consent Manager now available! - Built on top of c15t. - Default theme is customized to match shadcn /ui. - Built for Next.js, but easy to adapt to other frameworks. npx shadcn add [@]ncdai/consent-manager Full details in the comments.

Chánh Đại

12,628 views • 9 months ago

Excited to share my latest project glimm is a React and Next.js library for delightful shader-driven page transitions. It animates a WebGL band across the screen during route changes or any state change if selected. The new view appears underneath as the band moves. It is GPU-accelerated, under 10 KB, and remains idle until triggered.
0:18

Excited to share my latest project glimm is a React and Next.js library for delightful shader-driven page transitions. It animates a WebGL band across the screen during route changes or any state change if selected. The new view appears underneath as the band moves. It is GPU-accelerated, under 10 KB, and remains idle until triggered.

Noman

27,382 views • 4 months ago