Next.js 14 Tutorial - 19 - Link Component Navigation
📘 Frontend Interview Course - learn.codevolution.dev/
💖 Support UPI - support.codevolution.dev/
💖 Support Paypal - www.paypal.me/Codevolution
💾 Github - github.com/gopinav
📱 Follow Codevolution
+ Twitter - / codevolutionweb
+ Facebook - / codevolutionweb
📫 Business - codevolution.business@gmail.com
Next.js 14
Next.js Tutorial
Next.js 14 Tutorial
Next.js Tutorial for Beginners
Link Component Navigation
Next.js Link Component Navigation
Пікірлер: 24
great explanation , love this course
really appreciate bro 🙏
very nice and helpful content thanks alot
you forgot to mention that when u use Link it does not do full page refresh like the normal , so Link is better then for most cases
Why navigation to another page using , my in js folder not working, but it works when reload page
Hey , please explain Shallow routing for dynamic routes
Can you make a video of modal in nextjs 14 ? Thank you so much
Assume I have few query parramenters and I want to copy all the parameters to the next route as well. Is there any default method for it or do I need to add logic before aviation?
4:25 Sir, I have a doubt here See we are typing out "products/" again and again, can't we somehow use the relative path? See this path "products/1" could also be like "abc/def/ghi/..../xyz/1" for complex apps, do I need to type it out every time I want to navigate from "xyz" page to "1" or "2" etc which are inside "xyz"? *Kindly answer*
@dev-akeel
8 ай бұрын
Actually I have came across the same situation in the past but I couldn't find the solution. *I hope to find the solution.*
@dev-akeel
8 ай бұрын
@@NdsdkVarma Thanks for your answer. I think you didn't refer to the timeline I mentioned 4:25 See the problem is redundancy "/products" I know that we can grab the current path from the useRouter and then how long the path is that will hardly matter. Eg) const currentPath = useRouter().path It will give us "/products" for the example in video or "/abc/......./xyz" for my example. Gotcha that will fix one thing i,e if I change the name of any route in which the existing route is nested I'll have not to change the name in the Link component. Eg I changed products folder name to items. Then I'll have to change it inside all of the Link components as well if we had typed the "products/1" etc but if we used useRouter() that issue is fixed. But now comes the issue I was talking about. See if you navigate from one directory to another inside terminal do you type out the absolute path? I don't do that. I just cd into products that's it. So I think there might be something similar here as well in next js that concept of relative and absolute paths. BTW once again thank you for your answer.
it's not in the playlist 🤔
When I deploy my nextJS 14 app on vercel the routes are slow it loads the about page in 2min do you know why ?
@deepakranganathan3732
Ай бұрын
I too face the same issue,if any know the answer please let me know
help me sir ,my link to dynamic route not working, it export ${productId} , not product100, my next.js doesn't understand '${any_dynamic_link}', it outputs all characters, example: link to product 100 , output direct to /products/productId , not /products/product100, i was set const productId = "book100" before
@lethatsinkin
4 ай бұрын
use ` ` instead of ' ', hope that will help
Next js is so confusing every 3 months they release a new version and make us depress.
@geek_24
5 ай бұрын
True 100%
👍🙂🙏
Where is nuxt
TypeScript
Still waiting for your videos vishwas😷
In dynamic navigation you can just add "/1" or "/2" or "/3" instead of "products/1" and so on. Both does the same work
not the complete one. complete waste of time.