What is CSR SSR SSG and ISR
ฝัง
- เผยแพร่เมื่อ 30 ก.ย. 2024
- Welcome to a youtube channel dedicated to programming and coding related tutorials. We talk about tech, write code, discuss about cloud and devops. That’s what we do all day, all year. We roll out a lot of series and videos on our channel.
All the learning resources such as code files, documentations, articles and community discussions are available on our website:
chaicode.com/
You can find our discord link, github link etc on the above website.
Twitter/X link: x.com/hiteshdo...
Discord link: hitesh.ai/discord
Learn React with 10 projects: • Let's learn react from...
Learn Docker: • A practical guide on D...
Learn Kubernetes: • Complete Kubernetes Co...
How does a browser works: • How does a browser wor...
How nodejs works: • How node JS works | En...
Learn Redux-toolkit: • Learn Redux Toolkit in...
Learn NextJS: • Nextjs Full stack course
Learn Typescript: • Why to learn Typescript
Learn Javascript: • Welcome to new JavaScr...
Learn React Native: • React Native Mastery: ...
Learn Zustand: • React state management...
Learn Golang: • How to get started wit... - วิทยาศาสตร์และเทคโนโลยี
Please keep bringing such crisp short and to the point video.
We all are great full to you 😊
thats it. No More SSR vs SSG fiasco in my mind after every 2 months. You nailed the topic sir. Have been following you since 2k18 and your content always helped. Keep growing.
Session starts at 2:30
Hi thanks
bro explaining things on the air..
Dont do livestreams, it’s waste of time
Widget-base WP Theme development Series:
th-cam.com/video/T-ZFL9pEpa8/w-d-xo.html
So SSR generates the HTML page on every API request, right?
Can you create a video of the Angular 18 SSR deployment process into different servers?
Thank you very much its actually help me and clarify my confustion, I really want this kinds of videos more .
while (I am alive){
this.say("Thank you sir")
}
please make more theoretical videos. It clears the entire concept within a short time.
Video is short video but it has the actual content worth watching ❤
Nice
Okay, so that was the third video I watched on the topic of the difference between SSR and CSR. I found this video helpful as it cleared up my questions and concerns. The topic was properly explained, and I understood it well as a non-programmer. Thank you, and please continue making more videos on similar topics.
Give Hitesh sir a topic he will make it simpler than eating banana
Amazing explanation
Thanks for sharing , we need more content like this
yep @hitesh making notes are very helpful actually, I just realised sometime we need to understand the concept without coding that help to focus on concept rather than syntax.
Oh awesome all doubt cleared
I have seen few Tutorials of Next JS 13.4 on youtube only, most of the people are directly jumping to coding or Project part but Guruji is from different league the way he explain CSR SSR SSG and ISR with the real time examples, don't think anyone can explain this deep even in heavily paid Live Mentorship sessions, thanks for these sessions .
Sir please share your coding journey from your 18teens to till now, how you work hard, what you do when code dont work, how much Decipline you maintain throughout this journey who motivates you how you become so successful programmer as well as good teacher and mentor in short please share your short autobiography. Because this was really boost us and give a powerful motivation in our learnings #hitesh_sir
so...
CSR was the new 'way' to render pages in the browser by react/angular/js frameworks
SSR is like the PHP way
SSG is like the old school way (uploading plain html/js/css to the server)
ISR is the new way to render pages (sort of SSR / SSG mix)?
I think when explaining SSG, mentioning CDN will be really helpful
You are right actually, The generated HTML pages are served from a CDN, ensuring fast page load times.
what I learned, in SSG, all pages generated at server at build time, then how the dynamic pages are generated? let's there are thousands of pages inside blogs like- blogs/post1, blogs/post2, etc.
Best video on this topic
it would be great if you can share a live example of CSR and SSR for better understanding
LOt of Names🤣🤣
One question. In ssr, if we request a page initially, it works like responding the html+css toward the browser. And the js makes it interactive. Right?
After that what happened if we want to route towards another page from that initial page. The new page routing works ass ssr or csr?
I did'nt know about anything on web dev. I get some requirment for this knowledge . come to your video and its seem like I don'nt need to learn for long time. everything get clear. thanks for making video and most important you prepare everything and not wasted time for long video and save my time as well
This is really good for newbies. They're so much confused and misguided by the NextJS docs like if CSR is completely dead
the server you mentioned, is that the Nextjs server or some actual backend server like expressjs??
actual
@@farid-frederick No, it doesnot have any link with actuall backend server ,just think when making pages without using bacekend , cannot we use ssr ,the ans is yes we can ,
so in short server mention here referring to the Next.js server, which is a built-in server that comes with Next.js,that maybe local server(dev server) or live server
I have blog sections and I want Dyna sitemap so are we able to achieve via ISR?
loving the next js series. keep them coming
ISR you can make it with webhooks and no time specified, so you have full control of it
Thank you so much
Great video! Watched with Saima Chrome extensionand saved a lot of time. Great Combination!
Too late in the party.
Really a good to the point video no extra stuff.
Will you make same type of video on api route of next.js then how we can impliment auth and protect some private route it ....
this was excellent, thank you very much!!
Loved this kind of theoretical part explaining basics for making strong foundation which is follwed by practical.
probably the best video about SSR and CSR on TH-cam.
Thank you for this series
Awesome to the point content, please make one video about migrating next 12 project to 13 without any major changes
Hello sir, what is the future of devops ? I want to pursue Devops ( self - learn ) but I am not sure about it. Please clear my doubt 🙏
Please make a playlist on TH-cam for these videos
Is there a way to get the written notes from the above video ?
yes
Please do video on azure ad integration with react native
bhaut bdya bhai
Nice video ❤
NAILED IT !
عمي
thanks
This was a fantastic explanation!
Glad it was helpful!
nice explaination with diagram, got it
Please provide link of last video of this series 🙏
14:00 recap
FINALLY, I could make a decent sense of these 4 (confusing) terms.
Never understood the depth after I watched a full YT course on Next.js, never understood clearly even after taking a $30.00 paid Next.js course.
Hitesh ji, you made my day !!
Happy to help
amaznig
We want more videos like this. Please make these type of videos.
Great
this guy speaks more than concept
Really loved your content brother! helped me clarify my thoughts.
Thank You so much ❤ Would definitely love to see more such videos
Video starts @2:29 Thank me later
Sir, Please make more NEXTJS Videos. We are literally waiting for you to build awesome stuff using Next JS.
Thank you for sharing the knowledge sir.
Nice explanation bro...
nice vod .What do u think about ZUSTAND (state managemnet libary) most to the people started using zustand instead of REDUX. i know that zustand is light weight and easy to learn but i love to hear u r throught on it .. . BTW next js 13.3/13/4 is crazy good (vercel is popin off rn with there VERCEL SHIP)
I already have a zustand crash course on this channel. I was little early in creating those videos, so only a few people watched it.
@@HiteshCodeLab LOL i randomly got suggestion on yt about ur zustand course .. and i rushed here to edit my comment . but u r already here . NICE LOVE U WORK SIR .... btw i dont get the u r comment notfication
One of the best video I have seen on rendering strategy. Please also make a video on hydration.
Can you make a video, (probably would be a playlist I guess), where you can like give detail about how much of the language or a tech stack falls under particular section. Such as for JS, some ppl say, knowing syntax is basic, some say DOM is basic, while some say knowing Syntax, DOM, OOPS concept falls into basic, same for React, some says knowing Components is enough for basic while some says components with hooks(state, effect) is basic. I now roadmaps can be found, but the resources to study is only so much about beginner and variying that it can get confusing that it feels beginner or basic never ends.
Quick lesson to start off the day! Thankyou Hitesh sir
Hitesh never disappoints with amazing content...
Short, Clear and Focused. Nice one there.
Thank you It is important to know about those things
very well explained !
Great content.
Need more videos like this
GREAT🙌🏻
Great Stuff
Great one❤
Thanks for this, it was really needed 🙏❤️
Hello this is for test
@@fakedevdutt this is test
@@fakedevdutt again test
test
These types of videos are the most useful ones.
Thanks for this sir
Thanks for this 🙏
Awaiiiiiiiited topic
Crystal Clear ⭐
❤❤❤