Learn Next.js Intercepting Routes In 11 Minutes

Поділитися
Вставка
  • Опубліковано 21 лис 2024

КОМЕНТАРІ • 75

  • @_tingExE
    @_tingExE 3 місяці тому +18

    Its nice that you are showing a fix of a bug for the intercepting route. It was such a headache to debug, only to find out its the caching

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

      I like nextjs but it's buggy as hell and the dev experience is not great.
      I wrote a a script to basically always delete the .Next folder when I start the dev env

    • @ekchills6948
      @ekchills6948 3 місяці тому

      @@TechDiffuse wow

  • @Kauto
    @Kauto 3 місяці тому +4

    I love how casually you handled the nextjs bugs. Delete the .next folder and restart everything should be something of the past.

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

    Didn't even hear about this feature. One more thing to keep in the toolbox!

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

    i was waiting for your tutorial on this topic

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

    Thank you for this great explanation!
    Do you know if this should work when submitting to heroku?

  • @ejemeniboi
    @ejemeniboi 3 місяці тому

    Thank youuu, needed more explaination on this

  • @justingiovanetti
    @justingiovanetti 3 місяці тому +5

    Can this be built as a static build? Does it have to be deployed on Node?

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

      with Pages then yes.
      But with App Router, then no

    • @justingiovanetti
      @justingiovanetti 3 місяці тому

      Thanks, problem is, you can’t have dynamic routes with Next unless it’s deployed on Node. Unless there’s something I don’t know.

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

      @@justingiovanetti I don't think it's only about Next, You can not have dynamic routes without a listener server for rendering dynamic data

    • @justingiovanetti
      @justingiovanetti 3 місяці тому

      @@navidghasemi9685 Thanks. Though, not quite sure what you mean. You could do something like this:
      }
      />
      And then make a static build, which deploys anywhere. Making an SPA with dynamic routing.

  • @Filipp1139
    @Filipp1139 22 дні тому

    Can I add transition for that modal after click router.back()?

  • @hypealex
    @hypealex 3 місяці тому +65

    this (..)(..) kinda weird.

  • @qwerty-or1yg
    @qwerty-or1yg 3 місяці тому

    Can you do a tutorial on user login and updating the state? I have a hard time implementing authentication with supabase. Basically, I’m trying to use a context api, but once logged in, I need to do a page refresh to update the navbar with the user menu. I’m probably just doing something wrong at this point.

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

    Any more use cases for this?

  • @obibakwekuadoma8482
    @obibakwekuadoma8482 3 місяці тому

    can you provide some practical uses of routes in typescrpt

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

    Well explained

  • @Dennisngari-q1t
    @Dennisngari-q1t Місяць тому

    How can you navigate to the "Forgot Password" link and close the intercepting modal simultaneously in a login form?

  • @munna5553
    @munna5553 3 місяці тому

    Can you please make video on full stack application (MERN) and without any external backend as service library
    It really helpful

  • @АндрейФирсов-й9з
    @АндрейФирсов-й9з Місяць тому

    What's the real use case of it? Why not simply use query parameters?

  • @alirezanasirzade2443
    @alirezanasirzade2443 3 місяці тому

    I have question
    Is there a way to make HTML with HTML modules????

  • @jamshediqbal7936
    @jamshediqbal7936 3 місяці тому

    The best use case for intercepting routes is for /login 🙂

    • @АндрейФирсов-й9з
      @АндрейФирсов-й9з Місяць тому

      What's the benefit of it? Say you found interesting item in gallery and would like to share url to it with someone but then suddenly your token has expired and you see a login popup while url changed to /login. And now you cant share a valid item url: instead you'll share a login page url. Wouldn't it be more benefitial to simply conditionally render the modal based on auth state in the root layout?

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

    I have a component which is to to be protected by auth. I am implementing this process, but when the modal for log in is coming, if someone presses back, the prev data is still visible. What to do

  • @TheStudyGuy1
    @TheStudyGuy1 3 місяці тому

    Love this man

  • @playyourway2963
    @playyourway2963 3 місяці тому

    thank you sir !

  • @yj4105
    @yj4105 3 місяці тому

    after logging in i am not redirecting to anywhere else but staying in the login page am I right?

  • @singh.aadarsh
    @singh.aadarsh 3 місяці тому +1

    Amazing😮 10:55

  • @busranuraltun4230
    @busranuraltun4230 3 місяці тому

    please more storybook videos

  • @dev-akeel
    @dev-akeel 3 місяці тому

    You didn't click on login after refreshing login page. it shows login modal on top of login page which is not what you wanted.

  • @clintevans7702
    @clintevans7702 3 місяці тому

    I see you have the guitar in the background, have you ever been to The NAMM Show? If not, let me know if you want to go.

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

    It's almost like web dev is coming back into a full circle hahaha

  • @jasim-dev
    @jasim-dev 23 дні тому

    4:48 the "tsx" pissed you😅

  • @samislam2746
    @samislam2746 7 днів тому

    Another folder hell feature from nextjs

  • @krishubisht
    @krishubisht 3 місяці тому

    Nice

  • @Ss-zg3yj
    @Ss-zg3yj 3 місяці тому +1

    First! Nice topic mate!

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

    🙏🏻🙂👍🏻

  • @yj4105
    @yj4105 3 місяці тому

    this is brilliant! exactly what I was looking for for my project. :)

  • @mohanedomer9081
    @mohanedomer9081 3 місяці тому

    wow i am fast to learn :3

  • @maykrpc
    @maykrpc 3 місяці тому +5

    Next js is becoming a little monster in a bad way.
    This syntax for routes among other things that don't appeal to me at all...

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

      totally agree. ive been using it at work for a little over two years and loved it at first but since migrating to the app directory a year ago i find myself consistently discovering annoying features/bugs and gotchas the documentation isnt really clear about.

  • @idrisalparslan2312
    @idrisalparslan2312 16 днів тому

    u are a mann! i will sleep in peace

  • @ehm-wg8pd
    @ehm-wg8pd 3 місяці тому

    o my god another abstraction

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

    NextJs 14 is very weird😢

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

    This is what instagram does

  • @MerrickKing
    @MerrickKing 3 місяці тому

    On Windows, F2 will rename a file or folder

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

    whats the point of this?

  • @ezwtwrziehag1736
    @ezwtwrziehag1736 3 місяці тому +15

    nextjs sucks. vite+vanilla react is the way to go

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

      Next is excellent, it's just hard to get right.

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

      Skill issue

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

      Comfort zone

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

      @@gregroyclarkyeah, Im extremely happy to rewrite entire codebase every 6 months

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

      Skill issue

  • @DennisPeters39
    @DennisPeters39 3 місяці тому

    really like your videos, but could you please just have no intro at all. i always need to skip it because it is so annoying

  • @linela
    @linela 3 місяці тому

    Why are you shaking your neck so often?

  • @itsyourronit
    @itsyourronit 3 місяці тому

    Are you drunk Kyle

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

      Dude, you are drunk when you are writing this

    • @codiumyt
      @codiumyt 3 місяці тому

      @@alexpanteli3651 lol he is probably referring to the 5x misspell