Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 🧵

steventey's profile picture

Steven Tey

57,601 subscribers

83,675 görüntüleme • 3 yıl önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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,052 görüntüleme • 1 yıl önce

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,674 görüntüleme • 3 yıl önce

"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 görüntüleme • 1 yıl önce

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,373 görüntüleme • 2 yıl önce

Composable caching in Next.js with dynamicIO
0:19

Composable caching in Next.js with dynamicIO

Alex Sidorenko

40,984 görüntüleme • 1 yıl önce

The new uses some cool Next.js app router features: • shared persistent layout with animations • /changelog 'breaks out' of the /blog nav hierarchy
0:10

The new uses some cool Next.js app router features: • shared persistent layout with animations • /changelog 'breaks out' of the /blog nav hierarchy

Guillermo Rauch

48,202 görüntüleme • 1 yıl önce

Waku ( provides a minimal API. With it, you can build a client-first app. No need for "use client." All components are client components. Server functions with "use server" can return JSX elements. Check out this working example!
0:12

Waku ( provides a minimal API. With it, you can build a client-first app. No need for "use client." All components are client components. Server functions with "use server" can return JSX elements. Check out this working example!

Daishi Kato

12,793 görüntüleme • 1 yıl önce

What I Learned Making My First Short Film in Blender (✦)🧵
0:10

What I Learned Making My First Short Film in Blender (✦)🧵

sidrenders

28,532 görüntüleme • 10 ay önce

A bit of fun: one page, four frameworks, all synced via the URL. - Next.js app router (providing static HTML mount points for the others) - React SPA bundle - Remix 💿 RRv6 in library mode - And a bit of Vue with vue-router & VueUse (because the URL is for everyone)
0:11

A bit of fun: one page, four frameworks, all synced via the URL. - Next.js app router (providing static HTML mount points for the others) - React SPA bundle - Remix 💿 RRv6 in library mode - And a bit of Vue with vue-router & VueUse (because the URL is for everyone)

nuqs

60,998 görüntüleme • 1 yıl önce

Join Ryan Magoon at Next.js Conf to hear how PayPal is replacing their checkout with Next.js App Router for: • Faster product velocity • Improved accessibility • Reduced latency • Better UX Just a few tickets left or watch online on Oct 24.
0:12

Join Ryan Magoon at Next.js Conf to hear how PayPal is replacing their checkout with Next.js App Router for: • Faster product velocity • Improved accessibility • Reduced latency • Better UX Just a few tickets left or watch online on Oct 24.

Next.js

67,744 görüntüleme • 1 yıl önce

The Dottore we saw in the 6.2 AQ is absolutely NOT Omega - A mini 🧵I suppose YES THIS CONTAINS LEAKS AND SPOILERS We know the VA likes to play with his voice depending on the segment, I can't help but think the one that we saw recently is either OG Dottore or a new segment 1/5
0:13

The Dottore we saw in the 6.2 AQ is absolutely NOT Omega - A mini 🧵I suppose YES THIS CONTAINS LEAKS AND SPOILERS We know the VA likes to play with his voice depending on the segment, I can't help but think the one that we saw recently is either OG Dottore or a new segment 1/5

Daily Fatui 🃏

99,041 görüntüleme • 6 ay önce

The Met museum runs on Vercel. You're gonna notice some pages are buttery smooth to transition to… enter the magic of App Router giving you fast initial load, but with app-like transitions.¹ Some others take longer, like "Art > Curatorial Areas" below. And that's fine. What they're doing is using Vercel as CDN proxy to the old monolith while the transformation continues. This is exactly how I'd do it, and even how we migrated Vercel from Pages Router to App Router. Remember: there's two types of migrations: incremental, and failed ones. ¹ Frameworks like Next.js, Svelte⁠kit, Nuxt, embrace this. Fast transitions ftw!
0:10

The Met museum runs on Vercel. You're gonna notice some pages are buttery smooth to transition to… enter the magic of App Router giving you fast initial load, but with app-like transitions.¹ Some others take longer, like "Art > Curatorial Areas" below. And that's fine. What they're doing is using Vercel as CDN proxy to the old monolith while the transformation continues. This is exactly how I'd do it, and even how we migrated Vercel from Pages Router to App Router. Remember: there's two types of migrations: incremental, and failed ones. ¹ Frameworks like Next.js, Svelte⁠kit, Nuxt, embrace this. Fast transitions ftw!

Guillermo Rauch

47,613 görüntüleme • 1 yıl önce

i remade tiny-tpu to support both inference and training! we successfully tested our architecture on the classic XOR problem. here's what i learned throughout the process:👇
0:14

i remade tiny-tpu to support both inference and training! we successfully tested our architecture on the classic XOR problem. here's what i learned throughout the process:👇

evan

78,348 görüntüleme • 10 ay önce

View Transitions API + Next.js:
0:11

View Transitions API + Next.js:

Lee Robinson

87,358 görüntüleme • 1 yıl önce

I created a prompt library for the new GPT image API. I vibe coded it this morning with Replit Agent. It allows me to save prompts as well as run multi-variant generations. The app supports batch uploads and has some other cool features: - Auth with Replit Auth - Object Storage for images - DB for users / prompts / sessions - Image compression for efficiency - Parallel calls to OpenAI for image gen
0:13

I created a prompt library for the new GPT image API. I vibe coded it this morning with Replit Agent. It allows me to save prompts as well as run multi-variant generations. The app supports batch uploads and has some other cool features: - Auth with Replit Auth - Object Storage for images - DB for users / prompts / sessions - Image compression for efficiency - Parallel calls to OpenAI for image gen

matt palmer

38,742 görüntüleme • 1 yıl önce

New logo. Same app you use to make the internet more electric. Dynamic. Unique. Yours. Learn more in 🧵👇
0:12

New logo. Same app you use to make the internet more electric. Dynamic. Unique. Yours. Learn more in 🧵👇

Universe

21,650 görüntüleme • 2 yıl önce