Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Statically typed links are coming to Next.js: ◆ Autocompletion ◆ Error on invalid routes ◆ Prevents 404 links during build ◆ Dynamic, catch-all, and optional catch-all routes ◆ Works with both `pages` and `app` ◆ No extra configuration needed!

shuding's profile picture

Shu

58,276 subscribers

278,585 Aufrufe • vor 3 Jahren •via X (Twitter)

Wissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

11 Kommentare

Profilbild von Shu
Shuvor 3 Jahren

TypeScript error with hints if you made a typo:

Profilbild von Shu
Shuvor 3 Jahren

Autocompletion for static links when editing:

Profilbild von Shu
Shuvor 3 Jahren

Dynamic routes with parameters:

Profilbild von Shu
Shuvor 3 Jahren

Catch-all and optional catch-all routes are supported too:

Profilbild von Tanner Linsley
Tanner Linsleyvor 3 Jahren

@nextjs Nice!

Profilbild von Fernando Rojo
Fernando Rojovor 3 Jahren

@nextjs can this work with custom link components too, or only those imported from next/link?

Profilbild von Shu
Shuvor 3 Jahren

@nextjs (Deleted my previous reply as I got it wrong) For custom components you will have to type it with a `Route` type, imported from Next.js, instead of using `string`. And then it will just work!

Profilbild von Julius
Juliusvor 3 Jahren

@nextjs Very niceeee!!!

Profilbild von Steven Tey
Steven Teyvor 3 Jahren

@nextjs This is a gamechanger 🤯

Profilbild von victor
victorvor 3 Jahren

@nextjs Interesting — how will this work? How would Typescript know about file system? Is the dev server compiling types while using fs?

Profilbild von Shu
Shuvor 3 Jahren

@nextjs Yes, type declarations will be generated by the dev server

Ähnliche Videos

Dynamic parallel routes in Next.js 13
1:12

Dynamic parallel routes in Next.js 13

Alex Sidorenko

138,833 Aufrufe • vor 2 Jahren

1 catch on 14 routes #food
0:59

1 catch on 14 routes #food

MayeIsKing

91,514 Aufrufe • vor 3 Monaten

Homer #100 as a Dodger for #17! Spectrum customers with both Internet and Mobile services can now catch all the Dodgers action on SNLA+ with the MLB app at no extra cost! 🔗:
0:28

Homer #100 as a Dodger for #17! Spectrum customers with both Internet and Mobile services can now catch all the Dodgers action on SNLA+ with the MLB app at no extra cost! 🔗:

SportsNet LA

12,746 Aufrufe • vor 10 Monaten

We have also improved the init command. It now does framework detection and can initialize a brand new Next.js app and install components and routes in a single command. Go from new app to a dashboard with a sidebar and login pages in just one command.
0:39

We have also improved the init command. It now does framework detection and can initialize a brand new Next.js app and install components and routes in a single command. Go from new app to a dashboard with a sidebar and login pages in just one command.

shadcn

101,688 Aufrufe • vor 1 Jahr

Running back that can catch and run routes‼️ 6’1 225. Im available and ready to work
1:50

Running back that can catch and run routes‼️ 6’1 225. Im available and ready to work

Cyrus Habibi-Likio

57,014 Aufrufe • vor 3 Jahren

#Seahawks Sam Darnold on Rashid Shaheed on the Green Light with Chris Long podcast: "When people see him run routes. Routes on air. He is one of the smoother, like catch and tuck guys."
1:34

#Seahawks Sam Darnold on Rashid Shaheed on the Green Light with Chris Long podcast: "When people see him run routes. Routes on air. He is one of the smoother, like catch and tuck guys."

HawkMania

17,155 Aufrufe • vor 1 Monat

Modal with parallel routes in Next.js (without intercepting)
1:03

Modal with parallel routes in Next.js (without intercepting)

Alex Sidorenko

195,432 Aufrufe • vor 2 Jahren

Shohei Ohtani discusses his walk-off grand slam and joining the 40-40 club. Catch all the action on #DodgersTV at no extra cost for Spectrum customers with both Internet and mobile services. 🔗:
2:50

Shohei Ohtani discusses his walk-off grand slam and joining the 40-40 club. Catch all the action on #DodgersTV at no extra cost for Spectrum customers with both Internet and mobile services. 🔗:

SportsNet LA

1,380,902 Aufrufe • vor 1 Jahr

Protect routes with next-auth middleware in Next.js 13
0:44

Protect routes with next-auth middleware in Next.js 13

Alex Sidorenko

139,308 Aufrufe • vor 2 Jahren

Stop writing Try Catch Blocks in your Express.js routes.
2:45

Stop writing Try Catch Blocks in your Express.js routes.

Piyush Garg

27,963 Aufrufe • vor 6 Monaten

Let's build an email client with Next.js and Postgres ✉️ ✅ Navigate between routes in a column layout while maintaining scroll position (layouts support) ✅ Submit forms without JavaScript enabled (progressive enhancement) ✅ Navigate between routes extremely fast (prefetching and caching) ✅ Retain your UI position on reload (URL state)
12:21

Let's build an email client with Next.js and Postgres ✉️ ✅ Navigate between routes in a column layout while maintaining scroll position (layouts support) ✅ Submit forms without JavaScript enabled (progressive enhancement) ✅ Navigate between routes extremely fast (prefetching and caching) ✅ Retain your UI position on reload (URL state)

Lee Robinson

197,036 Aufrufe • vor 2 Jahren

✈️ Legendary Pilots is now available FREE on iOS and Android! Start your journey as a rising pilot in a rich, stylised aviation world filled with routes to master, planes to maintain, and careers to build. 🖥️ The expanded PC edition is coming soon to Steam. Wishlist now and be ready for takeoff. 👉 Mobile Download Links iOS: Android: 👉 Steam page:
2:11

✈️ Legendary Pilots is now available FREE on iOS and Android! Start your journey as a rising pilot in a rich, stylised aviation world filled with routes to master, planes to maintain, and careers to build. 🖥️ The expanded PC edition is coming soon to Steam. Wishlist now and be ready for takeoff. 👉 Mobile Download Links iOS: Android: 👉 Steam page:

MicroProse

27,326 Aufrufe • vor 6 Monaten

More licenses. More corridors. More ways to move money. Payward acquires @ReapGlobal, Kraken links up with MoneyGram, and spot margin goes live for US traders. Catch it all in 60 👇
1:10

More licenses. More corridors. More ways to move money. Payward acquires @ReapGlobal, Kraken links up with MoneyGram, and spot margin goes live for US traders. Catch it all in 60 👇

Kraken

26,696 Aufrufe • vor 2 Monaten

get ready, the #Snappys are coming. follow us and catch all the excitement march 31st ✨
0:21

get ready, the #Snappys are coming. follow us and catch all the excitement march 31st ✨

Snapchat

27,064 Aufrufe • vor 4 Monaten

Timme: "We gotta battle, no matter who we have or don't have. We're the Lakers..There's a standard." Catch all the action on Spectrum SportsNet+ at no extra cost for Spectrum customers with both Internet and Mobile services. 🔗:
3:48

Timme: "We gotta battle, no matter who we have or don't have. We're the Lakers..There's a standard." Catch all the action on Spectrum SportsNet+ at no extra cost for Spectrum customers with both Internet and Mobile services. 🔗:

Spectrum SportsNet

196,728 Aufrufe • vor 3 Monaten

react-router-devtools v5 is out! 🔥 Complete overhaul of the routes tab! 🎉 - Shows all project routes - Highlights discovered ones - Works with any routes.ts setup - Server logging now works with any convention - Bug fixes across the board
0:24

react-router-devtools v5 is out! 🔥 Complete overhaul of the routes tab! 🎉 - Shows all project routes - Highlights discovered ones - Works with any routes.ts setup - Server logging now works with any convention - Bug fixes across the board

Alem Tuzlak 🇧🇦

13,190 Aufrufe • vor 1 Jahr