Learn Next.js Intercepting Routes In 11 Minutes

  Рет қаралды 35,539

Web Dev Simplified

Web Dev Simplified

Күн бұрын

Пікірлер: 75
@_tingExE
@_tingExE 3 ай бұрын
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 ай бұрын
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 ай бұрын
I love how casually you handled the nextjs bugs. Delete the .next folder and restart everything should be something of the past.
@gerkim62
@gerkim62 3 ай бұрын
i was waiting for your tutorial on this topic
@JunGull
@JunGull 3 ай бұрын
Didn't even hear about this feature. One more thing to keep in the toolbox!
@doplerfish
@doplerfish 3 ай бұрын
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 ай бұрын
Can this be built as a static build? Does it have to be deployed on Node?
@tuvshinbayartuvshinzul8489
@tuvshinbayartuvshinzul8489 3 ай бұрын
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 ай бұрын
@@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.
@TheStudyGuy1
@TheStudyGuy1 3 ай бұрын
Love this man
@Filipp1139
@Filipp1139 29 күн бұрын
Can I add transition for that modal after click router.back()?
@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.
@hypealex
@hypealex 3 ай бұрын
this (..)(..) kinda weird.
@tusharjain9701
@tusharjain9701 3 ай бұрын
(.)(.) is the proper syntax 😂
@ronallan8680
@ronallan8680 3 ай бұрын
(. )( .) Is it just me or...
@big-jo89
@big-jo89 3 ай бұрын
more like this (.)(.) 😶
@Alessandro-nq3tm
@Alessandro-nq3tm 3 ай бұрын
Dirty mind activated 😂
@omega.developer
@omega.developer 3 ай бұрын
That's because of her gf
@_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?
@abirdutta1357
@abirdutta1357 3 ай бұрын
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
@munna5553
@munna5553 3 ай бұрын
Can you please make video on full stack application (MERN) and without any external backend as service library It really helpful
@adityaparab4314
@adityaparab4314 3 ай бұрын
Any more use cases for this?
@singh.aadarsh
@singh.aadarsh 3 ай бұрын
Amazing😮 10:55
@playyourway2963
@playyourway2963 3 ай бұрын
thank you sir !
@АндрейФирсов-й9з
@АндрейФирсов-й9з Ай бұрын
What's the real use case of it? Why not simply use query parameters?
@yj4105
@yj4105 3 ай бұрын
after logging in i am not redirecting to anywhere else but staying in the login page am I right?
@obibakwekuadoma8482
@obibakwekuadoma8482 3 ай бұрын
can you provide some practical uses of routes in typescrpt
@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?
@alirezanasirzade2443
@alirezanasirzade2443 3 ай бұрын
I have question Is there a way to make HTML with HTML modules????
@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.
@yj4105
@yj4105 3 ай бұрын
this is brilliant! exactly what I was looking for for my project. :)
@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.
@Ss-zg3yj
@Ss-zg3yj 3 ай бұрын
First! Nice topic mate!
@hikari1690
@hikari1690 3 ай бұрын
It's almost like web dev is coming back into a full circle hahaha
@jasim-dev
@jasim-dev Ай бұрын
4:48 the "tsx" pissed you😅
@maykrpc
@maykrpc 3 ай бұрын
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 ай бұрын
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.
@samislam2746
@samislam2746 14 күн бұрын
Another folder hell feature from nextjs
@mohanedomer9081
@mohanedomer9081 3 ай бұрын
wow i am fast to learn :3
@krishubisht
@krishubisht 3 ай бұрын
Nice
@RishiRajxtrim
@RishiRajxtrim 3 ай бұрын
🙏🏻🙂👍🏻
@idrisalparslan2312
@idrisalparslan2312 23 күн бұрын
u are a mann! i will sleep in peace
@MerrickKing
@MerrickKing 3 ай бұрын
On Windows, F2 will rename a file or folder
@shyamtala3821
@shyamtala3821 3 ай бұрын
NextJs 14 is very weird😢
@ehm-wg8pd
@ehm-wg8pd 3 ай бұрын
o my god another abstraction
@ESArnau
@ESArnau 3 ай бұрын
This is what instagram does
@magnuserikkeenrobot1117
@magnuserikkeenrobot1117 2 ай бұрын
whats the point of this?
@ezwtwrziehag1736
@ezwtwrziehag1736 3 ай бұрын
nextjs sucks. vite+vanilla react is the way to go
@gregroyclark
@gregroyclark 3 ай бұрын
Next is excellent, it's just hard to get right.
@null_spacex
@null_spacex 3 ай бұрын
Skill issue
@SachinSharma590
@SachinSharma590 3 ай бұрын
Comfort zone
@samking618
@samking618 3 ай бұрын
@@gregroyclarkyeah, Im extremely happy to rewrite entire codebase every 6 months
@SupremelyAverage
@SupremelyAverage 3 ай бұрын
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 ай бұрын
Dude, you are drunk when you are writing this
@codiumyt
@codiumyt 3 ай бұрын
@@alexpanteli3651 lol he is probably referring to the 5x misspell
Learn Next.js Parallel Routes In 16 Minutes
16:18
Web Dev Simplified
Рет қаралды 139 М.
WTF Do These Even Mean
13:44
Web Dev Simplified
Рет қаралды 95 М.
Smart Sigma Kid #funny #sigma
00:33
CRAZY GREAPA
Рет қаралды 22 МЛН
Как Я Брата ОБМАНУЛ (смешное видео, прикол, юмор, поржать)
00:59
If people acted like cats 🙀😹 LeoNata family #shorts
00:22
LeoNata Family
Рет қаралды 29 МЛН
How Many Balloons To Make A Store Fly?
00:22
MrBeast
Рет қаралды 157 МЛН
Learn Event Delegation In 10 Minutes
9:57
Web Dev Simplified
Рет қаралды 62 М.
All 17 React Best Practices (IMPORTANT!)
1:46:11
ByteGrad
Рет қаралды 200 М.
Protected routes in Nextjs 15 | Protect Routes with Middleware Nextjs
27:33
JavaScript Unleashed
Рет қаралды 2,1 М.
This Folder Structure Makes Me 100% More Productive
24:36
Web Dev Simplified
Рет қаралды 98 М.
Only The Best Developers Understand How This Works
18:32
Web Dev Simplified
Рет қаралды 113 М.
Learn Next.js 13 With This One Project
29:42
Web Dev Simplified
Рет қаралды 388 М.
Learn Next.js 15 Routing Files in 30 Minutes
33:37
Codevolution
Рет қаралды 14 М.
The Most Important Skill You Never Learned
34:56
Web Dev Simplified
Рет қаралды 219 М.
Smart Sigma Kid #funny #sigma
00:33
CRAZY GREAPA
Рет қаралды 22 МЛН