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

  • @anamulakash2201
    @anamulakash2201Ай бұрын

    great explanation , love this course

  • @muratasarslan2359
    @muratasarslan23598 ай бұрын

    really appreciate bro 🙏

  • @deepanshukhorwal8938
    @deepanshukhorwal89383 ай бұрын

    very nice and helpful content thanks alot

  • @shaileshchotoe
    @shaileshchotoeАй бұрын

    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

  • @JaluKimochi
    @JaluKimochi6 ай бұрын

    Why navigation to another page using , my in js folder not working, but it works when reload page

  • @yogita868
    @yogita8683 ай бұрын

    Hey , please explain Shallow routing for dynamic routes

  • @selcoool
    @selcoool5 ай бұрын

    Can you make a video of modal in nextjs 14 ? Thank you so much

  • @danielsusaimanickam8415
    @danielsusaimanickam84158 ай бұрын

    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?

  • @dev-akeel
    @dev-akeel8 ай бұрын

    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

    @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

    @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.

  • @muratasarslan2359
    @muratasarslan23598 ай бұрын

    it's not in the playlist 🤔

  • @ahmedsyed671
    @ahmedsyed6716 ай бұрын

    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

    @deepakranganathan3732

    Ай бұрын

    I too face the same issue,if any know the answer please let me know

  • @jayz02
    @jayz026 ай бұрын

    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

    @lethatsinkin

    4 ай бұрын

    use ` ` instead of ' ', hope that will help

  • @hudabodrul4356
    @hudabodrul43568 ай бұрын

    Next js is so confusing every 3 months they release a new version and make us depress.

  • @geek_24

    @geek_24

    5 ай бұрын

    True 100%

  • @rishiraj2548
    @rishiraj25488 ай бұрын

    👍🙂🙏

  • @sinitquenapach5497
    @sinitquenapach54978 ай бұрын

    Where is nuxt

  • @baster7537
    @baster753723 күн бұрын

    TypeScript

  • @aakashyadav6228
    @aakashyadav62286 ай бұрын

    Still waiting for your videos vishwas😷

  • @supreetchoudhari8419
    @supreetchoudhari84194 ай бұрын

    In dynamic navigation you can just add "/1" or "/2" or "/3" instead of "products/1" and so on. Both does the same work

  • @SachinProchin
    @SachinProchin2 ай бұрын

    not the complete one. complete waste of time.