Loading video...

Video Failed to Load

Go Home

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

asidorenko_'s profile picture

Alex Sidorenko

35,062 subscribers

64,592 views • 1 year ago •via X (Twitter)

EducationScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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

React Server Components bring rendering flexibility to the component level in Next.js. Hear from Aurora Scharff at Next.js Conf to learn about: • Async components • Efficient data management • Optimizing load times and interactivity Join us in SF or stream online on Oct 24.
0:12

React Server Components bring rendering flexibility to the component level in Next.js. Hear from Aurora Scharff at Next.js Conf to learn about: • Async components • Efficient data management • Optimizing load times and interactivity Join us in SF or stream online on Oct 24.

Next.js

16,259 views • 1 year ago

Hi. I'm back. Next.js 16: 𝚌𝚊𝚌𝚑𝚎𝙻𝚒𝚏𝚎 Configure how long: • prefetched data can be reused on the client without refetching • prerendered data can be reused on the server without rerendering
0:16

Hi. I'm back. Next.js 16: 𝚌𝚊𝚌𝚑𝚎𝙻𝚒𝚏𝚎 Configure how long: • prefetched data can be reused on the client without refetching • prerendered data can be reused on the server without rerendering

Delba

94,520 views • 9 months ago

I spent the weekend upgrading to Next.js App Router. Featuring: ◆ Segment-level caching ◆ Server components ◆ Parallel & intercepting routes ◆ Dynamic OG images + Metadata API Here's what I learned 🧵
0:15

I spent the weekend upgrading to Next.js App Router. Featuring: ◆ Segment-level caching ◆ Server components ◆ Parallel & intercepting routes ◆ Dynamic OG images + Metadata API Here's what I learned 🧵

Steven Tey

83,675 views • 3 years ago

How to differentiate page.tsx tabs from Next.js in VS Code?
0:15

How to differentiate page.tsx tabs from Next.js in VS Code?

Alex Sidorenko

153,653 views • 2 years ago

We made a significant performance improvement to Instant Validation in the Next.js 16.3 preview. If you're currently using next@preview be sure to upgrade! See video for before/after. Note: "before" was only when using cache components on next@preview. If you're on any other version that navigation is like the "after" case.
0:13

We made a significant performance improvement to Instant Validation in the Next.js 16.3 preview. If you're currently using next@preview be sure to upgrade! See video for before/after. Note: "before" was only when using cache components on next@preview. If you're on any other version that navigation is like the "after" case.

Tim

20,937 views • 1 month ago

Things you can't pass from server to client components:
0:19

Things you can't pass from server to client components:

Alex Sidorenko

36,826 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 • 2 years ago

Common misconception: Components with "use client" only run in browser Client components still get pre-rendered to the initial HTML on the server (SSR)
0:10

Common misconception: Components with "use client" only run in browser Client components still get pre-rendered to the initial HTML on the server (SSR)

Alex Sidorenko

88,553 views • 3 years ago

How to add canonical tags throughout Next.js app
0:17

How to add canonical tags throughout Next.js app

Alex Sidorenko

48,273 views • 1 year ago

How to make them stop and stare. #bikinibabe
0:12

How to make them stop and stare. #bikinibabe

thaimanireal🌴💕

28,734 views • 3 years ago

"We need Nepal, Bangladesh and Sri Lanka to happen in India." "If China invades again, we will not stop them; we will show them the way." "How to hide your face during a protest." A handful of videos posted by Sonam Sonam Wangchuck show how he has misled Indians to death.
1:33

"We need Nepal, Bangladesh and Sri Lanka to happen in India." "If China invades again, we will not stop them; we will show them the way." "How to hide your face during a protest." A handful of videos posted by Sonam Sonam Wangchuck show how he has misled Indians to death.

Arun Pudur

659,003 views • 11 months ago

Dynamic navigation to quickly move in and out of pages with Johnny Slack for an upcoming project we are working on 👽👾
0:11

Dynamic navigation to quickly move in and out of pages with Johnny Slack for an upcoming project we are working on 👽👾

Marvin Schwaibold

119,764 views • 2 years ago

Introducing support for Design Systems in Bolt Now Bolt uses your actual design system components, not some mimic Here’s how to stop building from scratch and start building on-brand: 👇
0:12

Introducing support for Design Systems in Bolt Now Bolt uses your actual design system components, not some mimic Here’s how to stop building from scratch and start building on-brand: 👇

bolt.new

66,945 views • 1 year ago

To move the position of the bird, I mapped the bottom padding of an Auto Layout frame to the 'yPosition' variable.
0:12

To move the position of the bird, I mapped the bottom padding of an Auto Layout frame to the 'yPosition' variable.

Dave Williames

22,837 views • 3 years ago

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,696 views • 3 years ago

Announcing Next.js Conf keynote speakers: Guillermo Rauch, Delba, and Josh Story Register now to watch the livestream or purchase an in-person ticket to see them in SF on Oct 24.
0:12

Announcing Next.js Conf keynote speakers: Guillermo Rauch, Delba, and Josh Story Register now to watch the livestream or purchase an in-person ticket to see them in SF on Oct 24.

Next.js

37,612 views • 1 year ago

I was clicking through Astryx from Meta's docs, and noticed it felt kind of slow to navigate. It's a docs site that should be fully static, but every route was rendering on the server on each request. We've been building a skill to migrate apps to Cache Components, so I wanted to see if it could help. I ran 𝚗𝚎𝚡𝚝-𝚌𝚊𝚌𝚑𝚎-𝚌𝚘𝚖𝚙𝚘𝚗𝚎𝚗𝚝𝚜-𝚊𝚍𝚘𝚙𝚝𝚒𝚘𝚗, and Instant Insights showed the agent exactly what to cache. The skill completed the entire migration on its own, even though Astryx was still on Next.js 15. Now navigation is instant, up to 3x faster. Skill, PR, and performance details below ↓
0:10

I was clicking through Astryx from Meta's docs, and noticed it felt kind of slow to navigate. It's a docs site that should be fully static, but every route was rendering on the server on each request. We've been building a skill to migrate apps to Cache Components, so I wanted to see if it could help. I ran 𝚗𝚎𝚡𝚝-𝚌𝚊𝚌𝚑𝚎-𝚌𝚘𝚖𝚙𝚘𝚗𝚎𝚗𝚝𝚜-𝚊𝚍𝚘𝚙𝚝𝚒𝚘𝚗, and Instant Insights showed the agent exactly what to cache. The skill completed the entire migration on its own, even though Astryx was still on Next.js 15. Now navigation is instant, up to 3x faster. Skill, PR, and performance details below ↓

Aurora Scharff

11,904 views • 1 month ago

A certain 𝓗𝓪𝓽𝓼𝓾𝓷𝓮 needs to stop Monitoring ©️ RUDO
0:16

A certain 𝓗𝓪𝓽𝓼𝓾𝓷𝓮 needs to stop Monitoring ©️ RUDO

初音ミク

114,349 views • 6 months ago