Next.js Modal Routing

Показать описание

Ryan Toronto

Рекомендации по теме

Комментарии

I'm a very experienced next dev, this vid is super clear, straight to the point, and nicely presented.

The video quality is well beyond your sub count. Keep it up and you'll have thousands of subs! 👍

ashatron

Thanks for the video. I never knew that `Link` took an `as` prop - and if I had seen it in the docs I would have assumed it was for changing its internal element. Very useful.

RyanRampersad

In a very short video you just "saved my life". Thank you.

ThugLifeModafocah

I was serching all over the internet to see a use of the "as" path, with you i finally got it! Thanks a lot 😁

paulofernandoee

Nextjs modal using headless UI! You save my life ^^
Every tutorial used react modal and not headless ui
I was starting to lose hope. Thank you so much !

yuumeko_yt

Nice . Thank You!
I'm using it in a list-feed and I wanted to maintain the scroll position, so I've added `scroll={false}` prop to the Link component and also`router.push("/", undefined, {scroll: false});` on modal close.

andrei-victor

Thanks to Sam's reference I found your channel. Thank you for this kind of high quality content!

jimshtepa

Very helpful! After reading a couple articles (and the docs) this helped me put the pieces together. Thank you!

saddacracker

Great video Ryan. I had no idea Next could do this. Super cool!

joshdale

Today i learned something new! Thank you for creating this video. Super helpful.

cricket_canada

Thx man!! A few changes with Next, but still working

andreswellmann

This is awesome! Neat pattern, I'll have to keep it in mind.

mryechkin

I wish folks could use example examples outside the doc examples

dixztube

This is awesome! Thank you very much for the great info presented in a great way!

joakimwretlind

Amazing content as per usual. I really appreciate it!

karsongrady

Love the video man, exactly what I needed

Eutohius

i was just wondering the other day how Reddit does its modal rendering for posts. Thanks for sharing.

someonewhowantedtobeahero

Hi Ryan, it's a very instructive video. Cloud you please clarify how ISR feature will work for Modal?

TaposhKumarBarmon

Hey Ryan, great video. One question. How did you accomplish the autocomplete at 5:32, doing the auto-increment in the numbers inside the "as" prop?
I was assuming that you selected `href="/?image=` and then did cmd+d until you had them all selected, then moved the cursor to the right and typed `as="/`, but then magic happens and you get the correct numbers.
Thank you!

Danicarmonaserrat

Please can you a video that will allow one to edit data in modal Nextjs

timothysteele

Next.js Modal Routing

Next.js Modal Routing

When Did NextJS Routing Become so Advanced??!

Next.js Modal with Parallel & Intercepting Routes, shadcn/ui Dialog

Learn Next.js Intercepting Routes In 11 Minutes

Learn Next.js Parallel Routes In 16 Minutes

Intercepting Modal Tutorial Next.js 14

Intercepting Routes in NextJs 14

Next.js 14 Tutorial - 31 - Intercepting Routes

Building a Modal with NextJS, TailwindCSS, and Typescript

Next.js 14 Tutorial - 28 - Parallel Routes

Next.js 14 Tutorial - 32 - Parallel Intercepting Routes

Modal in Next.js & React | Create a Dialog Component

Next.js parallel routes are awesome (if they worked correctly)

Next.js Modal Routes | Next.js Parallel Routes | Next.js Intercepting Routes

Mastering Route Intercepts in Next.js: A Comprehensive Guide

Next.js 14 Tutorial - 7 - Dynamic Routes

How to Intercept Routes in Next js | Image Gallery

Page transition using react-router and framer motion

NextJS Server-Side Product Modals using URL, Suspense & Fetch

Nextjs Modal Intercepting Routes

Next JS Routing Strategies: Unleashing the Power of Parallel Routes

Next.js Modal Form w/ React-Hook-Form, ShadCN/ui Dialog, Server Actions & Validation

Create Custom Modal in React with Tailwind CSS | Modal in NextJS with Tailwind

💙 SolidJS solved NextJS' routing problem