Learn Next.js Intercepting Routes In 11 Minutes

  Рет қаралды 34,225

Web Dev Simplified

Web Dev Simplified

Күн бұрын

Пікірлер: 73
@_tingExE
@_tingExE 2 ай бұрын
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 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 2 ай бұрын
@@TechDiffuse wow
@Kauto
@Kauto 2 ай бұрын
I love how casually you handled the nextjs bugs. Delete the .next folder and restart everything should be something of the past.
@JunGull
@JunGull 2 ай бұрын
Didn't even hear about this feature. One more thing to keep in the toolbox!
@gerkim62
@gerkim62 2 ай бұрын
i was waiting for your tutorial on this topic
@ejemeniboi
@ejemeniboi 2 ай бұрын
Thank youuu, needed more explaination on this
@hypealex
@hypealex 2 ай бұрын
this (..)(..) kinda weird.
@tusharjain9701
@tusharjain9701 2 ай бұрын
(.)(.) is the proper syntax 😂
@ronallan8680
@ronallan8680 2 ай бұрын
(. )( .) Is it just me or...
@big-jo89
@big-jo89 2 ай бұрын
more like this (.)(.) 😶
@Alessandro-nq3tm
@Alessandro-nq3tm 2 ай бұрын
Dirty mind activated 😂
@omega.developer
@omega.developer 2 ай бұрын
That's because of her gf
@doplerfish
@doplerfish 2 ай бұрын
Thank you for this great explanation! Do you know if this should work when submitting to heroku?
@_tanzil_
@_tanzil_ Ай бұрын
Well explained
@munna5553
@munna5553 2 ай бұрын
Can you please make video on full stack application (MERN) and without any external backend as service library It really helpful
@yj4105
@yj4105 2 ай бұрын
this is brilliant! exactly what I was looking for for my project. :)
@TheStudyGuy1
@TheStudyGuy1 2 ай бұрын
Love this man
@Filipp1139
@Filipp1139 12 күн бұрын
Can I add transition for that modal after click router.back()?
@playyourway2963
@playyourway2963 2 ай бұрын
thank you sir !
@qwerty-or1yg
@qwerty-or1yg 2 ай бұрын
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?
@justingiovanetti
@justingiovanetti 2 ай бұрын
Can this be built as a static build? Does it have to be deployed on Node?
@tuvshinbayartuvshinzul8489
@tuvshinbayartuvshinzul8489 2 ай бұрын
with Pages then yes. But with App Router, then no
@justingiovanetti
@justingiovanetti 2 ай бұрын
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 2 ай бұрын
@@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 2 ай бұрын
@@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.
@Dennisngari-q1t
@Dennisngari-q1t 29 күн бұрын
How can you navigate to the "Forgot Password" link and close the intercepting modal simultaneously in a login form?
@singh.aadarsh
@singh.aadarsh 2 ай бұрын
Amazing😮 10:55
@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
@jamshediqbal7936
@jamshediqbal7936 2 ай бұрын
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?
@clintevans7702
@clintevans7702 2 ай бұрын
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.
@АндрейФирсов-й9з
@АндрейФирсов-й9з Ай бұрын
What's the real use case of it? Why not simply use query parameters?
@busranuraltun4230
@busranuraltun4230 2 ай бұрын
please more storybook videos
@dev-akeel
@dev-akeel 2 ай бұрын
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.
@obibakwekuadoma8482
@obibakwekuadoma8482 2 ай бұрын
can you provide some practical uses of routes in typescrpt
@yj4105
@yj4105 2 ай бұрын
after logging in i am not redirecting to anywhere else but staying in the login page am I right?
@alirezanasirzade2443
@alirezanasirzade2443 2 ай бұрын
I have question Is there a way to make HTML with HTML modules????
@mohanedomer9081
@mohanedomer9081 2 ай бұрын
wow i am fast to learn :3
@Ss-zg3yj
@Ss-zg3yj 2 ай бұрын
First! Nice topic mate!
@maykrpc
@maykrpc 2 ай бұрын
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 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.
@krishubisht
@krishubisht 2 ай бұрын
Nice
@jasim-dev
@jasim-dev 12 күн бұрын
4:48 the "tsx" pissed you😅
@hikari1690
@hikari1690 2 ай бұрын
It's almost like web dev is coming back into a full circle hahaha
@idrisalparslan2312
@idrisalparslan2312 5 күн бұрын
u are a mann! i will sleep in peace
@RishiRajxtrim
@RishiRajxtrim 2 ай бұрын
🙏🏻🙂👍🏻
@MerrickKing
@MerrickKing 2 ай бұрын
On Windows, F2 will rename a file or folder
@shyamtala3821
@shyamtala3821 2 ай бұрын
NextJs 14 is very weird😢
@ESArnau
@ESArnau 2 ай бұрын
This is what instagram does
@ehm-wg8pd
@ehm-wg8pd 2 ай бұрын
o my god another abstraction
@magnuserikkeenrobot1117
@magnuserikkeenrobot1117 2 ай бұрын
whats the point of this?
@ezwtwrziehag1736
@ezwtwrziehag1736 2 ай бұрын
nextjs sucks. vite+vanilla react is the way to go
@gregroyclark
@gregroyclark 2 ай бұрын
Next is excellent, it's just hard to get right.
@null_spacex
@null_spacex 2 ай бұрын
Skill issue
@SachinSharma590
@SachinSharma590 2 ай бұрын
Comfort zone
@samking618
@samking618 2 ай бұрын
@@gregroyclarkyeah, Im extremely happy to rewrite entire codebase every 6 months
@SupremelyAverage
@SupremelyAverage 2 ай бұрын
Skill issue
@DennisPeters39
@DennisPeters39 2 ай бұрын
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 2 ай бұрын
Why are you shaking your neck so often?
@itsyourronit
@itsyourronit 2 ай бұрын
Are you drunk Kyle
@alexpanteli3651
@alexpanteli3651 2 ай бұрын
Dude, you are drunk when you are writing this
@codiumyt
@codiumyt 2 ай бұрын
@@alexpanteli3651 lol he is probably referring to the 5x misspell
Learn Next.js Parallel Routes In 16 Minutes
16:18
Web Dev Simplified
Рет қаралды 136 М.
Perfect Pitch Challenge? Easy! 🎤😎| Free Fire Official
00:13
Garena Free Fire Global
Рет қаралды 78 МЛН
Random Emoji Beatbox Challenge #beatbox #tiktok
00:47
BeatboxJCOP
Рет қаралды 61 МЛН
Motorbike Smashes Into Porsche! 😱
00:15
Caters Clips
Рет қаралды 23 МЛН
Каха и лужа  #непосредственнокаха
00:15
WTF Do These Even Mean
13:44
Web Dev Simplified
Рет қаралды 93 М.
Master CSS Overflow/Text Wrapping Like A Senior Developer
20:53
Web Dev Simplified
Рет қаралды 58 М.
This Folder Structure Makes Me 100% More Productive
24:36
Web Dev Simplified
Рет қаралды 84 М.
Only The Best Developers Understand How This Works
18:32
Web Dev Simplified
Рет қаралды 111 М.
Node.js Doesn’t Suck Anymore
16:59
Web Dev Simplified
Рет қаралды 126 М.
How is this Website so fast!?
13:39
Wes Bos
Рет қаралды 951 М.
The Most Important Skill You Never Learned
34:56
Web Dev Simplified
Рет қаралды 216 М.
Build a retro gaming app - Web Dev Challenge S1E2
27:29
Learn With Jason
Рет қаралды 98 М.
Self-Hosting Next.js
45:13
leerob
Рет қаралды 65 М.
Perfect Pitch Challenge? Easy! 🎤😎| Free Fire Official
00:13
Garena Free Fire Global
Рет қаралды 78 МЛН