What is CSR SSR SSG and ISR

  Рет қаралды 65,241

Hitesh Choudhary

Hitesh Choudhary

Күн бұрын

Пікірлер: 107
@bhartiom560
@bhartiom560 Жыл бұрын
Please keep bringing such crisp short and to the point video. We all are great full to you 😊
@hamzazaheer3977
@hamzazaheer3977 Жыл бұрын
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.
@fatymacreator
@fatymacreator 2 ай бұрын
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.
@MythicEcho
@MythicEcho Жыл бұрын
Session starts at 2:30
@yaduvanshi2676
@yaduvanshi2676 3 ай бұрын
Hi thanks
@eswar6144
@eswar6144 Ай бұрын
😂❤ tq
@madhuiitb-cse
@madhuiitb-cse Жыл бұрын
Video is short video but it has the actual content worth watching ❤
@anirudhcodes
@anirudhcodes Жыл бұрын
Give Hitesh sir a topic he will make it simpler than eating banana Amazing explanation
@aurobindobhuyan2107
@aurobindobhuyan2107 11 ай бұрын
So SSR generates the HTML page on every API request, right?
@shyamsundarjha5913
@shyamsundarjha5913 Жыл бұрын
loving the next js series. keep them coming
@sagarpatel8853
@sagarpatel8853 4 ай бұрын
probably the best video about SSR and CSR on KZbin.
@anujmistry4080
@anujmistry4080 Жыл бұрын
Loved this kind of theoretical part explaining basics for making strong foundation which is follwed by practical.
@ulhaqanwaar1
@ulhaqanwaar1 Жыл бұрын
This is really good for newbies. They're so much confused and misguided by the NextJS docs like if CSR is completely dead
@thecalgarians4597
@thecalgarians4597 11 ай бұрын
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 !!
@HiteshCodeLab
@HiteshCodeLab 11 ай бұрын
Happy to help
@Priyanka-bd6um
@Priyanka-bd6um Жыл бұрын
Thank you very much its actually help me and clarify my confustion, I really want this kinds of videos more .
@MohammedAkthabBifaz
@MohammedAkthabBifaz 6 ай бұрын
I think when explaining SSG, mentioning CDN will be really helpful
@yaqubadesola1839
@yaqubadesola1839 2 ай бұрын
You are right actually, The generated HTML pages are served from a CDN, ensuring fast page load times.
@madhusoodan1901
@madhusoodan1901 Жыл бұрын
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.
@DeepakSankhyan
@DeepakSankhyan Жыл бұрын
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 .
@HabiburRahman-ix4tk
@HabiburRahman-ix4tk Жыл бұрын
please make more theoretical videos. It clears the entire concept within a short time.
@sunnyarora3557
@sunnyarora3557 Жыл бұрын
One of the best video I have seen on rendering strategy. Please also make a video on hydration.
@toumber
@toumber 10 ай бұрын
ISR you can make it with webhooks and no time specified, so you have full control of it
@SumanPokhrel0
@SumanPokhrel0 Жыл бұрын
Short, Clear and Focused. Nice one there.
@LifeGeneralist
@LifeGeneralist Жыл бұрын
Best video on this topic
@mohammedfaheem7391
@mohammedfaheem7391 Жыл бұрын
Thanks for sharing , we need more content like this
@vosyasabesquien
@vosyasabesquien Жыл бұрын
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)?
@PrashadDey
@PrashadDey Жыл бұрын
These types of videos are the most useful ones.
@akshayjain2777
@akshayjain2777 Жыл бұрын
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
@siddharthsaurav3657
@siddharthsaurav3657 Жыл бұрын
Quick lesson to start off the day! Thankyou Hitesh sir
@__S____m__i__T__
@__S____m__i__T__ Жыл бұрын
We want more videos like this. Please make these type of videos.
@VickyKumar-bo1gr
@VickyKumar-bo1gr Жыл бұрын
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
@varunjoshi4817
@varunjoshi4817 Жыл бұрын
Hitesh never disappoints with amazing content...
@elborro444
@elborro444 3 ай бұрын
This was a fantastic explanation!
@HiteshCodeLab
@HiteshCodeLab 3 ай бұрын
Glad it was helpful!
@khushwantkhatri4249
@khushwantkhatri4249 6 ай бұрын
it would be great if you can share a live example of CSR and SSR for better understanding
@MnatsakanMatSharafyan
@MnatsakanMatSharafyan Жыл бұрын
Great video! Watched with Saima Chrome extensionand saved a lot of time. Great Combination!
@vrajbhingradiya9867
@vrajbhingradiya9867 11 ай бұрын
Really loved your content brother! helped me clarify my thoughts.
@amitkumarmall3353
@amitkumarmall3353 10 ай бұрын
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.
@alistairfernandez1437
@alistairfernandez1437 2 ай бұрын
static path generation is used in combination with that to prerender oath
@billypentester
@billypentester Жыл бұрын
this guy speaks more than concept
@krunalshrimali4471
@krunalshrimali4471 Жыл бұрын
Please make a playlist on KZbin for these videos
@osamakabir8517
@osamakabir8517 Ай бұрын
awesome :) best way to explain these web terms.. thanks a lot
@HiteshCodeLab
@HiteshCodeLab Ай бұрын
Most welcome!
@niki5223
@niki5223 Жыл бұрын
Awesome to the point content, please make one video about migrating next 12 project to 13 without any major changes
@nilbristi
@nilbristi 4 ай бұрын
Can you create a video of the Angular 18 SSR deployment process into different servers?
@Aman_Jain
@Aman_Jain 11 ай бұрын
Is there a way to get the written notes from the above video ?
@kartikrajput2131
@kartikrajput2131 Жыл бұрын
Thank you for this series
@sinnis_879
@sinnis_879 Жыл бұрын
Please provide link of last video of this series 🙏
@apurvchimralwar
@apurvchimralwar Жыл бұрын
Thank You so much ❤ Would definitely love to see more such videos
@mohan_1361
@mohan_1361 8 ай бұрын
I have blog sections and I want Dyna sitemap so are we able to achieve via ISR?
@sujoykrhaldar
@sujoykrhaldar Жыл бұрын
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 ....
@MD.IKRAMULHOQUE-c3o
@MD.IKRAMULHOQUE-c3o 11 ай бұрын
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?
@deependersingh27
@deependersingh27 Жыл бұрын
Thank you for sharing the knowledge sir.
@mukulsinghbisht2434
@mukulsinghbisht2434 8 ай бұрын
nice explaination with diagram, got it
@MuhammadAwais-007
@MuhammadAwais-007 7 ай бұрын
the server you mentioned, is that the Nextjs server or some actual backend server like expressjs??
@farid-frederick
@farid-frederick 6 ай бұрын
actual
@simple8810
@simple8810 6 ай бұрын
@@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
@Abdulkathani
@Abdulkathani Жыл бұрын
Nice explanation bro...
@ghostkee5031
@ghostkee5031 10 ай бұрын
bro explaining things on the air..
@anupamam8927
@anupamam8927 Жыл бұрын
Please do video on azure ad integration with react native
@DevSmasher-uk3hj
@DevSmasher-uk3hj Жыл бұрын
Need more videos like this
@shri_x1
@shri_x1 Жыл бұрын
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)
@HiteshCodeLab
@HiteshCodeLab Жыл бұрын
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.
@shri_x1
@shri_x1 Жыл бұрын
@@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
@sanahabib7206
@sanahabib7206 Жыл бұрын
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 🙏
@thedevnoteyt
@thedevnoteyt Жыл бұрын
Thanks for this, it was really needed 🙏❤️
@BRP-Moto-Tips
@BRP-Moto-Tips 11 ай бұрын
this was excellent, thank you very much!!
@Rohan-vm7cj
@Rohan-vm7cj Жыл бұрын
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.
@sundeeepu
@sundeeepu Жыл бұрын
Sir, Please make more NEXTJS Videos. We are literally waiting for you to build awesome stuff using Next JS.
@Kiee-p4h
@Kiee-p4h 10 ай бұрын
Nice video ❤
@Sarvesh_Coder
@Sarvesh_Coder Жыл бұрын
very well explained !
@shivamkumar-qp1jm
@shivamkumar-qp1jm 6 ай бұрын
Oh awesome all doubt cleared
@lazy-codes
@lazy-codes 3 ай бұрын
Widget-base WP Theme development Series: kzbin.info/www/bejne/il69d39vpaqjl5o
@vanraj8169
@vanraj8169 2 ай бұрын
Video starts at 3:37
@dawnishere775
@dawnishere775 15 күн бұрын
peekinav thiyy 😂
@RahulKumar-fp1gy
@RahulKumar-fp1gy Жыл бұрын
Great one❤
@teoviosicostel
@teoviosicostel Жыл бұрын
14:00 recap
@osamakabir8517
@osamakabir8517 Ай бұрын
i used nextjs with wordpress for SSG.. Its super fast..
@savesoilsavegenerations6399
@savesoilsavegenerations6399 Жыл бұрын
Great content.
@ebrahimafridi689
@ebrahimafridi689 6 ай бұрын
bhaut bdya bhai
@ankushladani496
@ankushladani496 Жыл бұрын
Thanks for this 🙏
@nikhilgupta6655
@nikhilgupta6655 Жыл бұрын
Video starts @2:29 Thank me later
@abhaysingh.632
@abhaysingh.632 Жыл бұрын
while (I am alive){ this.say("Thank you sir") }
@sachinbhutani8177
@sachinbhutani8177 Жыл бұрын
Thanks for this sir
@mitotv6376
@mitotv6376 Жыл бұрын
Nice
@AniketSingh-tc6tu
@AniketSingh-tc6tu Жыл бұрын
Great Stuff
@Akshay-S0319
@Akshay-S0319 Жыл бұрын
GREAT🙌🏻
@RajeshGeesala-x5s
@RajeshGeesala-x5s 7 ай бұрын
thanks
@shaaniscoding
@shaaniscoding 5 ай бұрын
Thank you so much
@Imrandeve
@Imrandeve 11 ай бұрын
LOt of Names🤣🤣
@ankushladani496
@ankushladani496 Жыл бұрын
Crystal Clear ⭐
@Praxss
@Praxss Жыл бұрын
Dont do livestreams, it’s waste of time
@abdullah6055
@abdullah6055 Жыл бұрын
Great
@BiratPandey-l6o
@BiratPandey-l6o 11 ай бұрын
NAILED IT !
@parthgajera8032
@parthgajera8032 4 ай бұрын
yes
@omarbashmail1509
@omarbashmail1509 7 ай бұрын
عمي
@benyamineslami573
@benyamineslami573 Жыл бұрын
amaznig
@Bisibletoanyoneonyoutube
@Bisibletoanyoneonyoutube Жыл бұрын
Awaiiiiiiiited topic
@clashingtv2527
@clashingtv2527 2 ай бұрын
nice & easy
@noorpak5789
@noorpak5789 2 ай бұрын
good
@TapanEv
@TapanEv 10 ай бұрын
Hello this is for test
@TapanEv
@TapanEv 10 ай бұрын
@@fakedevdutt this is test
@TapanEv
@TapanEv 10 ай бұрын
@@fakedevdutt again test
@TapanEv
@TapanEv 10 ай бұрын
test
@m4saurabh
@m4saurabh Жыл бұрын
Too late in the party.
@icoderdev
@icoderdev Жыл бұрын
❤❤❤
React Server Components vs Client Components
27:31
Piyush Garg
Рет қаралды 29 М.
How does a browser work ? | Engineering side
30:22
Hitesh Choudhary
Рет қаралды 109 М.
小丑女COCO的审判。#天使 #小丑 #超人不会飞
00:53
超人不会飞
Рет қаралды 14 МЛН
To Brawl AND BEYOND!
00:51
Brawl Stars
Рет қаралды 16 МЛН
Wall Rebound Challenge 🙈😱
00:34
Celine Dept
Рет қаралды 19 МЛН
Do you REALLY need SSR?
18:15
Theo - t3․gg
Рет қаралды 179 М.
Next.js 15 Caching Explained with SSG | ISR | CSR | SSR
31:45
Programming with Umair
Рет қаралды 2 М.
WTF Do These Even Mean
13:44
Web Dev Simplified
Рет қаралды 97 М.
Next.js 13 SSG, SSR & ISR | Nextjs 13 tutorial
22:01
Dave Gray
Рет қаралды 54 М.
What is Server Side Rendering - Say hi to Next.js - Bangla ( বাংলা ) Tutorial
35:00
Learn with Sumit - LWS - Bangladesh
Рет қаралды 35 М.
All 29 Next.js Mistakes Beginners Make
1:45:10
ByteGrad
Рет қаралды 154 М.
How openai and anthropic publish their SDK and you can too
17:01
Hitesh Choudhary
Рет қаралды 14 М.
Breaking Up with Next.js 💔
20:48
Piyush Garg
Рет қаралды 56 М.
All 17 React Best Practices (IMPORTANT!)
1:46:11
ByteGrad
Рет қаралды 211 М.
小丑女COCO的审判。#天使 #小丑 #超人不会飞
00:53
超人不会飞
Рет қаралды 14 МЛН