Learn Next.js Intercepting Routes In 11 Minutes

แชร์
ฝัง
  • เผยแพร่เมื่อ 19 ม.ค. 2025

ความคิดเห็น • 78

  • @_tingExE
    @_tingExE 5 หลายเดือนก่อน +20

    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 5 หลายเดือนก่อน +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 5 หลายเดือนก่อน

      @@TechDiffuse wow

  • @Kauto
    @Kauto 5 หลายเดือนก่อน +4

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

  • @hypealex
    @hypealex 5 หลายเดือนก่อน +68

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

    • @tusharjain9701
      @tusharjain9701 5 หลายเดือนก่อน

      (.)(.) is the proper syntax 😂

    • @ronallan8680
      @ronallan8680 5 หลายเดือนก่อน

      (. )( .)
      Is it just me or...

    • @big-jo89
      @big-jo89 5 หลายเดือนก่อน

      more like this (.)(.) 😶

    • @Alessandro-nq3tm
      @Alessandro-nq3tm 5 หลายเดือนก่อน +9

      Dirty mind activated 😂

    • @omega.developer
      @omega.developer 5 หลายเดือนก่อน

      That's because of her gf

  • @JunGull
    @JunGull 5 หลายเดือนก่อน +2

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

  • @gerkim62
    @gerkim62 5 หลายเดือนก่อน +3

    i was waiting for your tutorial on this topic

  • @ejemeniboi
    @ejemeniboi 5 หลายเดือนก่อน

    Thank youuu, needed more explaination on this

  • @doplerfish
    @doplerfish 5 หลายเดือนก่อน +1

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

  • @KnaveKaiser
    @KnaveKaiser 27 วันที่ผ่านมา

    9:54 In the login modal scenario, is there a way to soft navigate to the full login page instead of opening the modal?

  • @TheStudyGuy1
    @TheStudyGuy1 5 หลายเดือนก่อน

    Love this man

  • @justingiovanetti
    @justingiovanetti 5 หลายเดือนก่อน +5

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

    • @tuvshinbayartuvshinzul8489
      @tuvshinbayartuvshinzul8489 5 หลายเดือนก่อน +1

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

    • @justingiovanetti
      @justingiovanetti 5 หลายเดือนก่อน

      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 5 หลายเดือนก่อน +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 5 หลายเดือนก่อน

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

  • @Ss-zg3yj
    @Ss-zg3yj 5 หลายเดือนก่อน +1

    First! Nice topic mate!

  • @_tanzil_
    @_tanzil_ 4 หลายเดือนก่อน

    Well explained

  • @hikari1690
    @hikari1690 5 หลายเดือนก่อน +2

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

  • @playyourway2963
    @playyourway2963 5 หลายเดือนก่อน

    thank you sir !

  • @adityaparab4314
    @adityaparab4314 4 หลายเดือนก่อน

    Any more use cases for this?

  • @singh.aadarsh
    @singh.aadarsh 5 หลายเดือนก่อน +1

    Amazing😮 10:55

  • @munna5553
    @munna5553 5 หลายเดือนก่อน

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

  • @abirdutta1357
    @abirdutta1357 4 หลายเดือนก่อน

    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

  • @Filipp1139
    @Filipp1139 2 หลายเดือนก่อน

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

  • @DhruvilMehta
    @DhruvilMehta หลายเดือนก่อน

    Hi, I have followed the same code structure and folder structure still intercepted routes are not working, Even after restarting the dev server and removing the .next folder. Any solution?

    • @aasthamurdia6159
      @aasthamurdia6159 27 วันที่ผ่านมา

      Hey, did you find the solution? I am also facing the same issue.

  • @maykrpc
    @maykrpc 5 หลายเดือนก่อน +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 5 หลายเดือนก่อน +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.

  • @qwerty-or1yg
    @qwerty-or1yg 5 หลายเดือนก่อน

    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.

  • @Dennisngari-q1t
    @Dennisngari-q1t 3 หลายเดือนก่อน

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

  • @yj4105
    @yj4105 5 หลายเดือนก่อน

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

  • @АндрейФирсов-й9з
    @АндрейФирсов-й9з 3 หลายเดือนก่อน

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

  • @jasim-dev
    @jasim-dev 2 หลายเดือนก่อน

    4:48 the "tsx" pissed you😅

  • @yj4105
    @yj4105 5 หลายเดือนก่อน

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

  • @obibakwekuadoma8482
    @obibakwekuadoma8482 5 หลายเดือนก่อน

    can you provide some practical uses of routes in typescrpt

  • @busranuraltun4230
    @busranuraltun4230 5 หลายเดือนก่อน

    please more storybook videos

  • @jamshediqbal7936
    @jamshediqbal7936 5 หลายเดือนก่อน

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

    • @АндрейФирсов-й9з
      @АндрейФирсов-й9з 3 หลายเดือนก่อน

      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?

  • @clintevans7702
    @clintevans7702 5 หลายเดือนก่อน

    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.

  • @alirezanasirzade2443
    @alirezanasirzade2443 5 หลายเดือนก่อน

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

  • @mohanedomer9081
    @mohanedomer9081 5 หลายเดือนก่อน

    wow i am fast to learn :3

  • @dev-akeel
    @dev-akeel 5 หลายเดือนก่อน

    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.

  • @samislam2746
    @samislam2746 2 หลายเดือนก่อน

    Another folder hell feature from nextjs

  • @idrisalparslan2312
    @idrisalparslan2312 2 หลายเดือนก่อน

    u are a mann! i will sleep in peace

  • @krishubisht
    @krishubisht 5 หลายเดือนก่อน

    Nice

  • @RishiRajxtrim
    @RishiRajxtrim 5 หลายเดือนก่อน +1

    🙏🏻🙂👍🏻

  • @MerrickKing
    @MerrickKing 5 หลายเดือนก่อน

    On Windows, F2 will rename a file or folder

  • @ESArnau
    @ESArnau 5 หลายเดือนก่อน +1

    This is what instagram does

  • @shyamtala3821
    @shyamtala3821 5 หลายเดือนก่อน +1

    NextJs 14 is very weird😢

  • @magnuserikkeenrobot1117
    @magnuserikkeenrobot1117 4 หลายเดือนก่อน

    whats the point of this?

  • @ehm-wg8pd
    @ehm-wg8pd 5 หลายเดือนก่อน

    o my god another abstraction

  • @ezwtwrziehag1736
    @ezwtwrziehag1736 5 หลายเดือนก่อน +15

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

    • @gregroyclark
      @gregroyclark 5 หลายเดือนก่อน +3

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

    • @null_spacex
      @null_spacex 5 หลายเดือนก่อน +1

      Skill issue

    • @SachinSharma590
      @SachinSharma590 5 หลายเดือนก่อน +2

      Comfort zone

    • @samking618
      @samking618 5 หลายเดือนก่อน +3

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

    • @SupremelyAverage
      @SupremelyAverage 5 หลายเดือนก่อน +1

      Skill issue

  • @DennisPeters39
    @DennisPeters39 5 หลายเดือนก่อน

    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

  • @itsyourronit
    @itsyourronit 5 หลายเดือนก่อน

    Are you drunk Kyle

    • @alexpanteli3651
      @alexpanteli3651 5 หลายเดือนก่อน +1

      Dude, you are drunk when you are writing this

    • @codiumyt
      @codiumyt 5 หลายเดือนก่อน

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

  • @linela
    @linela 5 หลายเดือนก่อน

    Why are you shaking your neck so often?