Next.js 14 Tutorial - 19 - Link Component Navigation

Поделиться
HTML-код
  • Опубликовано: 18 ноя 2024

Комментарии • 30

  • @abeekudjokoto3887
    @abeekudjokoto3887 Год назад +22

    Each day i wake up just to know if you have posted a new tutorial, you are doing great

  • @shaileshchotoe
    @shaileshchotoe 5 месяцев назад +10

    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

    • @gauravswami6213
      @gauravswami6213 2 месяца назад +4

      Noone uses tag in react so he didn't mention and this series is made for viewers who already used react

  • @hudabodrul4356
    @hudabodrul4356 Год назад +21

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

    • @geek_24
      @geek_24 9 месяцев назад +1

      True 100%

  • @yogita868
    @yogita868 7 месяцев назад +1

    Hey , please explain Shallow routing for dynamic routes

  • @pouyaabdolhosseini-e2v
    @pouyaabdolhosseini-e2v 3 месяца назад

    best course i've ever seen , thanks bro 🙏🏻

  • @deepanshukhorwal8938
    @deepanshukhorwal8938 7 месяцев назад

    very nice and helpful content thanks alot

  • @selcoool
    @selcoool 8 месяцев назад +1

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

  • @supreetchoudhari8419
    @supreetchoudhari8419 8 месяцев назад

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

  • @muratasarslan2359
    @muratasarslan2359 Год назад +2

    really appreciate bro 🙏

  • @anamulakash2201
    @anamulakash2201 5 месяцев назад

    great explanation , love this course

  • @JaluKimochi
    @JaluKimochi 10 месяцев назад

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

  • @NashPrat
    @NashPrat 2 месяца назад

    thanks!

  • @ast453000
    @ast453000 8 дней назад

    Wow these links are slow. Any idea why?

  • @dev-akeel
    @dev-akeel Год назад

    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 Год назад

      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 Год назад

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

  • @Comintern01
    @Comintern01 10 месяцев назад

    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 8 месяцев назад

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

  • @sinitquenapach5497
    @sinitquenapach5497 Год назад +1

    Where is nuxt

  • @muratasarslan2359
    @muratasarslan2359 Год назад

    it's not in the playlist 🤔

  • @ahmedsyed671
    @ahmedsyed671 10 месяцев назад

    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 5 месяцев назад

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

  • @danielsusaimanickam8415
    @danielsusaimanickam8415 Год назад

    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?

  • @aakashyadav6228
    @aakashyadav6228 10 месяцев назад

    Still waiting for your videos vishwas😷

  • @baster7537
    @baster7537 4 месяца назад

    TypeScript

  • @rishiraj2548
    @rishiraj2548 Год назад

    👍🙂🙏

  • @SachinProchin
    @SachinProchin 6 месяцев назад

    not the complete one. complete waste of time.