Next.js 14 Tutorial - 31 - Intercepting Routes

Поділитися
Вставка
  • Опубліковано 20 гру 2023
  • 📘 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
    Intercepting Routes
    Intercepting Routes in Next.js

КОМЕНТАРІ • 42

  • @skanwar1351
    @skanwar1351 6 місяців тому +26

    You're making us Master of Next.js, As the Other UA-camrs just explaining Some concepts, But you Sir Making Each and Every Concept "Crystal Clear".

  • @ernestamoah9664
    @ernestamoah9664 6 місяців тому +12

    On the more serious note you are the best react teacher I have ever found on youtube. Better explanation and illustrations

  • @the_lee_effect
    @the_lee_effect Місяць тому +1

    This series are practically the best videos on Next.js .... They provide first time concepts Next.js I nevr heard or seen anywhere b4 on youtube ... well explained without a rush

  • @antonio80020
    @antonio80020 6 місяців тому +4

    I wanted to thank you for all your tutorials, I followed almost all of them and thanks to you I have been working at Accenture for more than a year. Thank you so much Vishwas.

  • @skanwar1351
    @skanwar1351 6 місяців тому +2

    I Appreciated Your Hardword, to Record and Edit the Video, Thank you soo much for Making Each and Every Concept easy to learn💙💙.

  • @cuti9114
    @cuti9114 4 місяці тому

    Thankyou so much for this series.thankyou so making it super easy🤗

  • @afiq980
    @afiq980 2 місяці тому

    Thank you for this clear video!

  • @macdee1337
    @macdee1337 6 місяців тому +6

    OMG! What is this wizardry!!!

  • @skanwar1351
    @skanwar1351 6 місяців тому +3

    Intercepting Routes are importent in Real Word Projects waiting for Practical Implementation of Intercept Rotes.

  • @yuensc196
    @yuensc196 5 місяців тому

    Very clear!

  • @ernestamoah9664
    @ernestamoah9664 6 місяців тому +2

    About the exercise in the lesson 30, even though i have not coded it, is the answer going to be by putting a default.js file in the Login slot and exporting a default jsx component from it?

  • @user-ks5ch4ir4y
    @user-ks5ch4ir4y 3 місяці тому

    Thank you so much🤗🤗

  • @sreet2841
    @sreet2841 Місяць тому

    Thanks for the amazing Next.js videos. One question, not able to recollect or think why we need different or default page when we reload from sub-navigation routes from slots or intercepting routes. Most of the times, we need the same page when we reload from sub navigation. Is there any way to reload without writing any extra code from sub navigation?

  • @creatorstudio5945
    @creatorstudio5945 Місяць тому +1

    If for anyone intercepted route is not working, try closing the localhost and again run npm run dev command.

  • @react.dev.28
    @react.dev.28 6 місяців тому

    On this series > Please make video of NextJs : Markdown & mdx differently.

  • @shawnxiong2011
    @shawnxiong2011 3 місяці тому +1

    the only use case makes sense is probably login screen

  • @VanshShah-yo9ie
    @VanshShah-yo9ie 2 місяці тому

    can we say it is like shimmer UI of ReactJS or replacement UI until it loads the main component?

  • @bitslayerscorpion8776
    @bitslayerscorpion8776 6 місяців тому +1

    How many more videos to complete the series ?

  • @sudiptaadhikaryjoy181
    @sudiptaadhikaryjoy181 6 місяців тому

    After basic please kindly show a project. And implementation

  • @aneeshverma1
    @aneeshverma1 Місяць тому +2

    Need to run `npm run dev` again for intercepted route to work. Doesn't reflect in hot reload.

  • @sripadan
    @sripadan 4 місяці тому +1

    Made full of page.tsx files 😔
    Searching for a file in VS code become a nightmare
    I feel nextjs should have a choosen a better convention for routing

  • @inky9145
    @inky9145 6 місяців тому

    Can you share with us your VS-code extensions?

  • @jasonhan3854
    @jasonhan3854 2 місяці тому +2

    anyone else having issue with this intercepting routes? When I click F2, it goes to the normal one instead of the intercepted one. I tried restarting the server and tried deleting the .next folder and test but still the same... anyone know why?

    • @kelvin.tryanto
      @kelvin.tryanto Місяць тому +1

      me too

    • @cxiofs
      @cxiofs Місяць тому +2

      @@kelvin.tryanto I found out what can solve, just create a default.tsx inside (.)f2 and then return it null
      export default function Default() {
      return null;
      }

    • @castrox605
      @castrox605 Місяць тому +2

      For my solution, I stop the run by Control + C in Mac, then run npm run dev again. It will work as in the lesson.

    • @kelvin.tryanto
      @kelvin.tryanto Місяць тому

      ​@@cxiofs I give up and clone the github LOL, it works!

    • @nightfury1250
      @nightfury1250 Місяць тому

      restarting the server works for me.

  • @VivekSpecscart
    @VivekSpecscart 2 місяці тому

    how to hide global components on specific page in next js?

    • @AS-if5jg
      @AS-if5jg Місяць тому

      aila bro..abhi tak nhi hua vo issue solve?

  • @mirnatul
    @mirnatul 6 місяців тому

    Why my one level above don't work 😢

  • @user-ww4gz7wx4t
    @user-ww4gz7wx4t 2 місяці тому

    Just .. just how many naming conventions are there for all different stuffs..

  • @pjosxyz
    @pjosxyz Місяць тому +2

    ( . )( . ) they missed out on this syntax... (..)(..) not fixed yet