How to Use NextJS 13 Link and useRouter Like a Pro

[@C-Raph]

Man thank youuuuu🥺🥺 I've been battling an error with useRouter but this really helped

[@brettwestwooddeveloper]

No problem! Glad I could help you out!

[@junaidiqbal4104]

the resource i was wanting from last 3 days

[@brettwestwooddeveloper]

Awesome!

[@gustavobedin4827]

Omg, this video saved my life, thanks

[@brettwestwooddeveloper]

I'm so glad!

[@speedster784]

Can you do a video about deployment like which services are best to deploy next js app to in terms of cost effectiveness and ease of use etc

[@brettwestwooddeveloper]

Yes I will do that topic as an upcoming video soon.

[@djshadow-i1u]

hey bro thank you so much!

[@brettwestwooddeveloper]

No problem!

[@thibaut.m44]

Hi! thank you! you solve my issue, do you know why we should change "router" by "navigation" in the import section? thanks

[@MJ-yp2hs]

hey, i have a page that displays data from the database in cards and i want to pass the data to another page when the card is clicked (as of more detailed information) but its not working for me, can you help me with this? i would really appreciate it.

[@rizaldwiky-hk2vw]

hy bro, i have a questions since v13.4 , when route change by next/navigate, i have used const dynamic "force-dynanic" also even used revalidate = 0, but page route keep cache, and every 30 sec page will auto rerenderin, my questions is, how to make page auto rerendering without waiting 30sec like Gssp on page router? , thx broo.

[@brettwestwooddeveloper]

you can use 'no-cache' in a fetch request, this will never cache data in a temporary file.

[@Beattraceur]

Hey Brett, I am looking for a guide on how to implement an active Navbar with the App Router. There is a “Checking Active Links“- Methode mentioned in the next js docs (Linking and Navigating). Does this mean you can use only the Link-Tag without the useRouter to have an active Navigation item? And if yes… how? Great video by the way✌🏼

[@kolthir]

I hope this si no too late, you can usePathname() (i think this is the name of the next hook) tis return the link string, and you can compare in the className: ex: pathname = usePathname(); className ={ pathname === '/' ? 'class': 'otherclass'}. I hope this work for you

[@mohamedhazara-c5z]

well done plase explain how to protect routes for admin and users and also forget password and sending email

[@tokomnyori6730]

Can we pass data using useRouter? I think it no longer supports in the new version.

[@brettwestwooddeveloper]

When I created this video you were allowed to but know you can't and is replaced by the useSearchParams.

[@abhishekkumarmourya2022]

How to pass data using useRouter like Link

[@mohammedaljahwari1165]

Gando(John Doe) hahahahahhahahahahah