0:00:00 - 1:04:00- Basic segment routing ✅ 1:04:00 - 1:19:37- Server Side Data Fetching ✅ 1:19:38 - 1:28:00- Server Side Data Fetching ✅ 1:28:01 - 2:00:45- Recipe App ✅ 2:20:30 - 4:27:00- User Management ✅ 5:45:00- To be continue
trust me this beginner freindle tutorial is needed and you keep explaining everything ..thanks a lot......bring more good projects with full explanation
Hey, do you know how to upload 'blog app' made by this sir on vercel? During my deployment, it is showing me that 'localhost:3000' {this part is written in 'update' code snippet} is causing an error.
day 1 (3 NOV):- Watched upto 25:00 also started NNN busy in working frontend projects day 2 16 nov :- watched till 1:19:45 (already lost NNN before 10 nov) i will try to integrated dynamic route in my webpage now day 3 17 nov:- watched till
Hey, do you know how to upload 'blog app' made by this sir on vercel? During my deployment, it is showing me that 'localhost:3000' {this part is written in 'update' code snippet} is causing an error.
Bhaiya, Thank you so much for creating such a video. It has really really helped me a lot. Such indepth explanation in video, is just speechless! I am writing code along with your video bhaiya
Thats the best of Courses out there .. Shoutout to you for not only creating such Course but also Making it available for all . Lots of Love & Respect from Pakistan ,Keep up the Good work ...
Yes! import { clerkMiddleware, createRouteMatcher } from "@clerk/nextjs/server"; const isPublicRoute = createRouteMatcher(['/', '/sign-in(.*)', '/sign-up(.*)']); export default clerkMiddleware((auth, req) => { if(!isPublicRoute(req)){ auth().protect() } }); // Now if I try to go to any other route other than 'isPublicRoute', it will not get loaded* . This is the use of above middleware export const config = { matcher: ["/((?!.*\\..*|_next).*)", "/", "/(api|trpc)(.*)"], };
I just want to appreciate your time and effort because this video doesn't cover only the basics but all we need to know. Thank you so much for the wonderful tutorial.
Video completed at 12:53pm , 16-6-24. Thank you bhaiya for creating this video. I have seen all the dates and time when you have made the video. This is probably one of the best courses of nextjs I m sure. You were always calm throughout the 14hrs, so I always felt like this is easy. No words left... Also the CSS which you are writing in one go.. like how many time did you actually need to write bhaiya so that you can write in one go for video... Looking that from a new learner perspective, It would be little hard for me write that fast css without even previewing it .. how did you do bhaiya?
KeyNotes while I completed this video: 1) Do everything in .env file, though bhaiya hasn't done for ex: NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=abc CLERK_SECRET_KEY=def NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up MONGODB_URI=huehue NEXT_PUBLIC_SUPABASE_API_KEY=sus NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=haa STRIPE_SECRET_KEY=gg I have used written in this way and during importing I have done import {dotenv} from dotenv dotenv.config({ path: '.env.local' }); then: (for ex) const stripe = require('stripe')(process.env.STRIPE_SECRET_KEY)
i have been wondering why your channel is so underrated ?🤥 Need a react native full fledge course with a wonderfull projects and also need a video on MERN stack.........thank you !
Hey, do you know how to upload 'blog app' made by this sir on vercel? During my deployment, it is showing me that 'localhost:3000' {this part is written in 'update' code snippet} is causing an error.
Thank you for the education. Please can you integrate redux, redux-persist in a nextjs project? how do you manage/persist data/state in a nextjs project?
From today I start this course. let's aim to complete in 20 days | DATE | Complete --------------------------------- 12/9/24 | 1:40:00 26/9/24 3:50:00 was busy for some reason
Hey, do you know how to upload 'blog app' made by this sir on vercel? During my deployment, it is showing me that 'localhost:3000' {this part is written in 'update' code snippet} is causing an error.
Bro...Where did you come from?...Mind bending course... I have seen many videos, they are all teaching all unneccessary stuff saying Next Js for beginners. This is the perfect starting. ❤❤Love from ITC Infotitan...
Reminder to self, completed till 11:09:40. All code writing are done in parallel with the video Date; 15/6/24 Time: 2:37pm Aim: Complete by today After seeing the lecture till here.. I am feeling like its easy only.. just its the interconnections which you made are making sense now. I am wondering, how did you even start making the interconnections because now I see that each thing is related to each other. Hats off bhaiya!! Appreciate it truly
@@SravanKumar-lk6jw perfect video for those who has knowledge on react and want to learn nextjs. We can definitely work .. this video would gives you pretty good headstart on how everything works. suggested to watch !
Hey, do you know how to upload 'blog app' made by this sir on vercel? During my deployment, it is showing me that 'localhost:3000' {this part is written in 'update' code snippet} is causing an error.
You can use this to avoid multiple catch statent in every function this is very helpful this is in nodejs just need a little tweaking to work in nextjs // asyncHandler is a function that takes another function (fn) as an argument const asyncHandler = (fn) => { // It returns a new function that takes req, res, and next as arguments return (req, res, next) => { // Call the function (fn) and ensure it returns a promise Promise.resolve(fn(req, res, next)) .catch(error => { // If there's an error, respond with a 500 status code and the error message res.status(500).json({ Message: error.message }); }); }; }; export default asyncHandler;
hey can you upload a document with comparison of server side component and client side component example for client side we can use useRouter but for server-side component we have to use Link or navLink because on server side component we can't use react hook(useRouter) It's a request it will help lot of people to avoid confusion for server side and client side
Bro , video to like kardi .but kuch Hum HINDI MEDIUM walo ke liye bhi bna do ta jo hamko bhi kuch samaj aa paye. Hum tum logo jaise english medium mein padh nhi paye bro😢😢😢 plz hindi mein bnao video
Have not watched it yet, but anyone that puts a 14 hour course for free deserves a comment and like for the effort.
My exact thougth & that I'll like it regardless
[May 10] watched upto 1:03:29
[May 11] practised upto 1:03:29
[May 11] watched upto 1:28:55
[May 11] practised upto 1:28:55
[May 11] watched upto 2:20:33
[May 19] watched upto 3:40:40
completed i suppose❤
Come back here bro if not completed
you need to complete this
dont give up
Hey where are you ?? Did you stopped it? Come on man. You want to finish it ❤❤
waiting for your response
0:00:00 - 1:04:00- Basic segment routing ✅
1:04:00 - 1:19:37- Server Side Data Fetching ✅
1:19:38 - 1:28:00- Server Side Data Fetching ✅
1:28:01 - 2:00:45- Recipe App ✅
2:20:30 - 4:27:00- User Management ✅
5:45:00- To be continue
have watched 2 hours and it gets more and more interesting, this video deserves more than 10Million views
perfect video for those who has knowledge on react and want to learn next js , GOOD JOB ON THE VIDEO 👍👍
I haven't watched the video yet,but i can surely say this is going to be insane!
And hats off to your hardwork and this 14 hour long tut
Man! you can explain like I am five. I'm done the blog project and the process going on. Thanks!!! a million
trust me this beginner freindle tutorial is needed and you keep explaining everything ..thanks a lot......bring more good projects with full explanation
Hey, do you know how to upload 'blog app' made by this sir on vercel? During my deployment, it is showing me that 'localhost:3000' {this part is written in 'update' code snippet} is causing an error.
day 1 (3 NOV):- Watched upto 25:00 also started NNN
busy in working frontend projects
day 2 16 nov :- watched till 1:19:45 (already lost NNN before 10 nov)
i will try to integrated dynamic route in my webpage now
day 3 17 nov:- watched till
is it worth to watch?
@@pung5859 yep
with this i also used chai aur code next auth and successfully created 3 projects
Need a time for completing this video... Definitely I will complete this video and learn alot concepts
Bro hands off. What motivational guy you are. Who making such a long video 💪💪💪💪
perfect video
I am watched 4 hours video.
This is best for beginner to advance
Lots of Love
We started learning Next JS ...Really thanks for your video...and Effort... soon expecting Typescript full course video for complete beginners...
Appreciate your efforts bhaiya. Truly a gem on youtube
bai kamal ka course a , easy to grasp such knowledge , appriciate your efforts, asaan basha me smhaya bai ny !!!!!
The best thing i found in this video is that you console.log (every things). It is usefull for newbie to understand. Keep going bro!
Agree
Hey, do you know how to upload 'blog app' made by this sir on vercel? During my deployment, it is showing me that 'localhost:3000' {this part is written in 'update' code snippet} is causing an error.
Bhaiya, Thank you so much for creating such a video. It has really really helped me a lot. Such indepth explanation in video, is just speechless!
I am writing code along with your video bhaiya
1.7k+...Thanks. This will be a great series.
wow really loved this detailed video on nextjs. Please bring Angular video like this as there isn’t any detailed video explaining Angular
Last Project is great, you are the GOAT ❤
Thats the best of Courses out there .. Shoutout to you for not only creating such Course but also Making it available for all . Lots of Love & Respect from Pakistan ,Keep up the Good work ...
Amazing video, covered the most important concept without bogus, good work👌
Completed till 5:29, nice tutorial
very excited to watch complete video
quite a long video, but very helpful. it would help a lot if you could do the chapters in YB -> timings with names
perfect video i recently done react.js now time to move to next.js you deserve million views bro Content is great ,easy to understand keep going
Can't wait to jump in. Thank you for all the time you put into this.
OMG best video on next14
Best next vid so far!
bro u have created 25 react js projects part-1 and part -2 create like that in next js also bro thats very helpfull for us
very very thank you sir your explain is easy to understand
[day 2]: 5:29:00
[day 4] 6:23:00
Can i follow this course without having knowledge of nodejs and mongodb?
@@baazigar5 absolutely yes
@@baazigar5 in my opinion this video tutorial is perfect for me
If anyone gets an error at 7:11:20 , they should use clerkMiddleware instead of authMiddleware, as authMiddleware is deprecated.
Yes!
import { clerkMiddleware, createRouteMatcher } from "@clerk/nextjs/server";
const isPublicRoute = createRouteMatcher(['/', '/sign-in(.*)', '/sign-up(.*)']);
export default clerkMiddleware((auth, req) => {
if(!isPublicRoute(req)){
auth().protect()
}
});
// Now if I try to go to any other route other than 'isPublicRoute', it will not get loaded* . This is the use of above middleware
export const config = {
matcher: ["/((?!.*\\..*|_next).*)", "/", "/(api|trpc)(.*)"],
};
I just want to appreciate your time and effort because this video doesn't cover only the basics but all we need to know. Thank you so much for the wonderful tutorial.
Well done & keep it up bro 👍
Grate Job! Sang.
I wish i could give all your videos/projects 10k likes each. As my contribution to support your uncommon efforts.
Love u sangam, you are the best... watched totally your freecodecamp react video and this video.
Greets from Argentina.
Video completed at 12:53pm , 16-6-24. Thank you bhaiya for creating this video. I have seen all the dates and time when you have made the video. This is probably one of the best courses of nextjs I m sure.
You were always calm throughout the 14hrs, so I always felt like this is easy. No words left...
Also the CSS which you are writing in one go.. like how many time did you actually need to write bhaiya so that you can write in one go for video... Looking that from a new learner perspective, It would be little hard for me write that fast css without even previewing it .. how did you do bhaiya?
KeyNotes while I completed this video:
1) Do everything in .env file, though bhaiya hasn't done
for ex:
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=abc
CLERK_SECRET_KEY=def
NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
MONGODB_URI=huehue
NEXT_PUBLIC_SUPABASE_API_KEY=sus
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=haa
STRIPE_SECRET_KEY=gg
I have used written in this way and during importing I have done
import {dotenv} from dotenv
dotenv.config({ path: '.env.local' });
then:
(for ex)
const stripe = require('stripe')(process.env.STRIPE_SECRET_KEY)
bro one request please draw and explain the concept ! apart from that everything is best thank you for this course
super-duper tutorial bro
Watching begins.....
[Sept 26] watched till 0:37:22
[Sept 27] watched till 1:30:55
[Sept 28] watched till 2:00:32
[Sept 30] watched till 2:45:53
[Oct 1] watched till 3:14:51
[Oct 2] watched till 4:27:40
Samee
i have been wondering why your channel is so underrated ?🤥
Need a react native full fledge course with a wonderfull projects and also need a video on MERN stack.........thank you !
we need to interact with it and share!
Hey, do you know how to upload 'blog app' made by this sir on vercel? During my deployment, it is showing me that 'localhost:3000' {this part is written in 'update' code snippet} is causing an error.
Thank you for the video, very helpful. Maybe It would be nice to add some timespans or something like that, because video is long)))
Waiting for advanced next js tutorial
Watched your react project videos that was awesome now nextjs I am overwhelmed thank you sangam bhau
OMG thanks dude this is amazing ....I subbed
VERY HELPFUL. Thank you for the effort.
great course brother ..loved it...
ma man you deserve a trophy Thank you ❤❤
First like and comment. Then I started watching video
[24 August] watched up to 01:29:00
[25 August] watched up to 03:14:00
[26 August] practiced Blog Application
Bhai wapas aao padhai karo
nice brother. good video and easy to understand. greeting from 🇮🇩.
MasyaAllah Barakallah Alhamdulillah
Liked, commented and subscribed...👌👌👌
Thank you for the education. Please can you integrate redux, redux-persist in a nextjs project? how do you manage/persist data/state in a nextjs project?
Very helpful thank you ❤
From today I start this course. let's aim to complete in 20 days |
DATE | Complete
---------------------------------
12/9/24 | 1:40:00
26/9/24 3:50:00 was busy for some reason
Great job Bro , keep motivated
Hi Sangam , I loved this nextjs course . Please make one for React Native as well please ❤
Thank you ❤🎉
This is must needed video ❤
Wow, thanks for sharing amazing content
Please continue to make these kind of videos
Thank you so much sirrrrrr,tussi great ho🙏🏻🙏🏻
Thank you so much ❤️🙏🙏
great job !
new subscriber here, please dada Reach r jnno ekta course release koro❤🔥❤🔥
was waiting since too long. Thanks a lot bro.
Thank You Man!!!!
I am on the video at the moment, I know it gonna be awesome💕💕💕💕
love you bhaiya
thanks man, congratulation!
Hey, do you know how to upload 'blog app' made by this sir on vercel? During my deployment, it is showing me that 'localhost:3000' {this part is written in 'update' code snippet} is causing an error.
Bro...Where did you come from?...Mind bending course... I have seen many videos, they are all teaching all unneccessary stuff saying Next Js for beginners. This is the perfect starting. ❤❤Love from ITC Infotitan...
So helpful ❤
Bro Please upload complete react course beacause we are all dependent on you. You have uploaded just 21 videos on youtube
thanks for the hardwork delivered
Love you brother and keep it up ❤
Hats off to you 🎉
Thank you i really need it early
thanks for this videos everything including projects
Reminder to self, completed till 11:09:40. All code writing are done in parallel with the video
Date; 15/6/24
Time: 2:37pm
Aim: Complete by today
After seeing the lecture till here.. I am feeling like its easy only.. just its the interconnections which you made are making sense now. I am wondering, how did you even start making the interconnections because now I see that each thing is related to each other.
Hats off bhaiya!! Appreciate it truly
can we work as a 1year next js experience guy after completion of the course? As per ur experience bro
@@SravanKumar-lk6jw perfect video for those who has knowledge on react and want to learn nextjs. We can definitely work .. this video would gives you pretty good headstart on how everything works.
suggested to watch !
Thank you sir for complete course ❤❤
Hey, do you know how to upload 'blog app' made by this sir on vercel? During my deployment, it is showing me that 'localhost:3000' {this part is written in 'update' code snippet} is causing an error.
appriciate your efforts
Thanks for dedicated this course
Thank you so much
Hello brother, please make a video on typescript thanks 🙏❤
সেরা ভাই ❤
You can use this to avoid multiple catch statent in every function this is very helpful
this is in nodejs just need a little tweaking to work in nextjs
// asyncHandler is a function that takes another function (fn) as an argument
const asyncHandler = (fn) => {
// It returns a new function that takes req, res, and next as arguments
return (req, res, next) => {
// Call the function (fn) and ensure it returns a promise
Promise.resolve(fn(req, res, next))
.catch(error => {
// If there's an error, respond with a 500 status code and the error message
res.status(500).json({ Message: error.message });
});
};
};
export default asyncHandler;
Helpful Contant✌
Good work bro, salute
Great job brother..
Wonderful brother ❤
Looks like you are from India? Are you? great to watch this, man. Keep it up.
Thanks
hey
can you upload a document with comparison of server side component and client side component
example for client side we can use useRouter but for server-side component we have to use Link or navLink because on server side component we can't use react hook(useRouter)
It's a request
it will help lot of people to avoid confusion for server side and client side
well needed video
Great job San
Thank you so much ❤❤❤
really need the react native video soon sir
Bro , video to like kardi .but kuch Hum HINDI MEDIUM walo ke liye bhi bna do ta jo hamko bhi kuch samaj aa paye. Hum tum logo jaise english medium mein padh nhi paye bro😢😢😢 plz hindi mein bnao video
Please upload the advance concept of the NextJS video