What is CSR SSR SSG and ISR

  Рет қаралды 49,936

Hitesh Choudhary

Hitesh Choudhary

Жыл бұрын

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/hiteshdotcom
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...

Пікірлер: 91
@bhartiom560
@bhartiom560 Жыл бұрын
Please keep bringing such crisp short and to the point video. We all are great full to you 😊
@shyamsundarjha5913
@shyamsundarjha5913 Жыл бұрын
loving the next js series. keep them coming
@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.
@vrajbhingradiya9867
@vrajbhingradiya9867 6 ай бұрын
Really loved your content brother! helped me clarify my thoughts.
@SumanPokhrel0
@SumanPokhrel0 Жыл бұрын
Short, Clear and Focused. Nice one there.
@madhuiitb-cse
@madhuiitb-cse Жыл бұрын
Video is short video but it has the actual content worth watching ❤
@Priyanka-bd6um
@Priyanka-bd6um 8 ай бұрын
Thank you very much its actually help me and clarify my confustion, I really want this kinds of videos more .
@sunnyarora3557
@sunnyarora3557 Жыл бұрын
One of the best video I have seen on rendering strategy. Please also make a video on hydration.
@anujmistry4080
@anujmistry4080 Жыл бұрын
Loved this kind of theoretical part explaining basics for making strong foundation which is follwed by practical.
@apurvchimralwar
@apurvchimralwar Жыл бұрын
Thank You so much ❤ Would definitely love to see more such videos
@mohammedfaheem7391
@mohammedfaheem7391 8 ай бұрын
Thanks for sharing , we need more content like this
@siddharthsaurav3657
@siddharthsaurav3657 Жыл бұрын
Quick lesson to start off the day! Thankyou Hitesh sir
@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.
@MnatsakanMatSharafyan
@MnatsakanMatSharafyan Жыл бұрын
Great video! Watched with Saima Chrome extensionand saved a lot of time. Great Combination!
@LifeGeneralist
@LifeGeneralist 10 ай бұрын
Best video on this topic
@__S____m__i__T__
@__S____m__i__T__ Жыл бұрын
We want more videos like this. Please make these type of videos.
@ebrahimafridi689
@ebrahimafridi689 2 ай бұрын
bhaut bdya bhai
@deependersingh27
@deependersingh27 Жыл бұрын
Thank you for sharing the knowledge sir.
@niki5223
@niki5223 9 ай бұрын
Awesome to the point content, please make one video about migrating next 12 project to 13 without any major changes
@anirudhcodes
@anirudhcodes Жыл бұрын
Give Hitesh sir a topic he will make it simpler than eating banana Amazing explanation
@user-gf7gs5vx2k
@user-gf7gs5vx2k Ай бұрын
I think when explaining SSG, mentioning CDN will be really helpful
@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 ....
@VickyKumar-bo1gr
@VickyKumar-bo1gr 11 ай бұрын
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...
@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
@shaaniscoding
@shaaniscoding Ай бұрын
Thank you so much
@PrashadDey
@PrashadDey Жыл бұрын
These types of videos are the most useful ones.
@BRP-Moto-Tips
@BRP-Moto-Tips 6 ай бұрын
this was excellent, thank you very much!!
@DevSmasher-uk3hj
@DevSmasher-uk3hj Жыл бұрын
Need more videos like this
@shivamkumar-qp1jm
@shivamkumar-qp1jm 2 ай бұрын
Oh awesome all doubt cleared
@mukulsinghbisht2434
@mukulsinghbisht2434 3 ай бұрын
nice explaination with diagram, got it
@HabiburRahman-ix4tk
@HabiburRahman-ix4tk Жыл бұрын
please make more theoretical videos. It clears the entire concept within a short time.
@thecalgarians4597
@thecalgarians4597 7 ай бұрын
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 !!
@HiteshChoudharydotcom
@HiteshChoudharydotcom 7 ай бұрын
Happy to help
@kartikrajput2131
@kartikrajput2131 Жыл бұрын
Thank you for this series
@thedevnoteyt
@thedevnoteyt Жыл бұрын
Thanks for this, it was really needed 🙏❤️
@user-qe6km5px4v
@user-qe6km5px4v 8 ай бұрын
Nice explanation bro...
@RahulKumar-fp1gy
@RahulKumar-fp1gy Жыл бұрын
Great one❤
@Sarvesh_Coder
@Sarvesh_Coder Жыл бұрын
very well explained !
@MythicEcho
@MythicEcho Жыл бұрын
Session starts at 2:30
@savesoilsavegenerations6399
@savesoilsavegenerations6399 Жыл бұрын
Great content.
@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 .
@user-tk4lx9po2q
@user-tk4lx9po2q 6 ай бұрын
Nice video ❤
@ulhaqanwaar1
@ulhaqanwaar1 8 ай бұрын
This is really good for newbies. They're so much confused and misguided by the NextJS docs like if CSR is completely dead
@AniketSingh-tc6tu
@AniketSingh-tc6tu Жыл бұрын
Great Stuff
@Vick-developer
@Vick-developer Жыл бұрын
Thank you It is important to know about those things
@Akshay-S0319
@Akshay-S0319 Жыл бұрын
GREAT🙌🏻
@user-th4bs8ub3v
@user-th4bs8ub3v 6 ай бұрын
NAILED IT !
@sundeeepu
@sundeeepu Жыл бұрын
Sir, Please make more NEXTJS Videos. We are literally waiting for you to build awesome stuff using Next JS.
@khushwantkhatri4249
@khushwantkhatri4249 Ай бұрын
it would be great if you can share a live example of CSR and SSR for better understanding
@billypentester
@billypentester 11 ай бұрын
this guy speaks more than concept
@krunalshrimali4471
@krunalshrimali4471 Жыл бұрын
Please make a playlist on KZfaq for these videos
@toumber
@toumber 5 ай бұрын
ISR you can make it with webhooks and no time specified, so you have full control of it
@user-kf5fj6fm5e
@user-kf5fj6fm5e 6 ай бұрын
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?
@vosyasabesquien
@vosyasabesquien 11 ай бұрын
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)?
@sinnis_879
@sinnis_879 Жыл бұрын
Please provide link of last video of this series 🙏
@amitkumarmall3353
@amitkumarmall3353 5 ай бұрын
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.
@ankushladani496
@ankushladani496 Жыл бұрын
Thanks for this 🙏
@abdullah6055
@abdullah6055 Жыл бұрын
Great
@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.
@mohan_1361
@mohan_1361 4 ай бұрын
I have blog sections and I want Dyna sitemap so are we able to achieve via ISR?
@anupamam8927
@anupamam8927 Жыл бұрын
Please do video on azure ad integration with react native
@benyamineslami573
@benyamineslami573 9 ай бұрын
amaznig
@aurobindobhuyan2107
@aurobindobhuyan2107 6 ай бұрын
So SSR generates the HTML page on every API request, right?
@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 🙏
@Aman_Jain
@Aman_Jain 7 ай бұрын
Is there a way to get the written notes from the above video ?
@mitotv6376
@mitotv6376 Жыл бұрын
Nice
@sachinbhutani8177
@sachinbhutani8177 Жыл бұрын
Thanks for this sir
@ankushladani496
@ankushladani496 Жыл бұрын
Crystal Clear ⭐
@user-jb7fq1ky3i
@user-jb7fq1ky3i 3 ай бұрын
thanks
@shriprasanna3918
@shriprasanna3918 Жыл бұрын
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)
@HiteshChoudharydotcom
@HiteshChoudharydotcom Жыл бұрын
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.
@shriprasanna3918
@shriprasanna3918 Жыл бұрын
@@HiteshChoudharydotcom 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
@nilbristi
@nilbristi 8 күн бұрын
Can you create a video of the Angular 18 SSR deployment process into different servers?
@MuhammadAwais-007
@MuhammadAwais-007 2 ай бұрын
the server you mentioned, is that the Nextjs server or some actual backend server like expressjs??
@farid-frederick
@farid-frederick 2 ай бұрын
actual
@simple8810
@simple8810 Ай бұрын
@@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
@Bisibletoanyoneonyoutube
@Bisibletoanyoneonyoutube Жыл бұрын
Awaiiiiiiiited topic
@ghostkee5031
@ghostkee5031 5 ай бұрын
bro explaining things on the air..
@teoviosicostel
@teoviosicostel 10 ай бұрын
14:00 recap
@omarbashmail1509
@omarbashmail1509 3 ай бұрын
عمي
@icoderdev
@icoderdev Жыл бұрын
❤❤❤
@abhaysingh.632
@abhaysingh.632 Жыл бұрын
while (I am alive){ this.say("Thank you sir") }
@Praxss
@Praxss Жыл бұрын
Dont do livestreams, it’s waste of time
@Imrandeve
@Imrandeve 7 ай бұрын
LOt of Names🤣🤣
@nikhilgupta6655
@nikhilgupta6655 Жыл бұрын
Video starts @2:29 Thank me later
@TapanEv
@TapanEv 5 ай бұрын
Hello this is for test
@TapanEv
@TapanEv 5 ай бұрын
@@fakedevdutt this is test
@TapanEv
@TapanEv 5 ай бұрын
@@fakedevdutt again test
@TapanEv
@TapanEv 5 ай бұрын
test
@m4saurabh
@m4saurabh Жыл бұрын
Too late in the party.
How does a browser work ? | Engineering side
30:22
Hitesh Choudhary
Рет қаралды 79 М.
Do you REALLY need SSR?
18:15
Theo - t3․gg
Рет қаралды 165 М.
IQ Level: 10000
00:10
Younes Zarou
Рет қаралды 10 МЛН
Amazing weight loss transformation !! 😱😱
00:24
Tibo InShape
Рет қаралды 64 МЛН
Опасность фирменной зарядки Apple
00:57
SuperCrastan
Рет қаралды 11 МЛН
WTF Do These Even Mean
13:44
Web Dev Simplified
Рет қаралды 80 М.
React Server Components vs Client Components
27:31
Piyush Garg
Рет қаралды 21 М.
Next.js 13 SSG, SSR & ISR | Nextjs 13 tutorial
22:01
Dave Gray
Рет қаралды 51 М.
NextJS Rendering Compared: SSG, SSR, CSR & Server Actions
51:23
Code with Ahsan
Рет қаралды 1,9 М.
Fetching Data Doesn't Get Better Than This
6:58
Josh tried coding
Рет қаралды 102 М.
SSG vs SSR Explained in 10 Minutes (For Beginners)
8:52
James Q Quick
Рет қаралды 15 М.
React Server Components vs SSR
5:36
Kodaps Academy
Рет қаралды 12 М.
Different types of modern websites - Explained!
9:15
Mehul - Codedamn
Рет қаралды 23 М.
Как удвоить напряжение? #электроника #умножитель
1:00
Hi Dev! – Электроника
Рет қаралды 1,1 МЛН
Samsung laughing on iPhone #techbyakram
0:12
Tech by Akram
Рет қаралды 6 МЛН
Лучший браузер!
0:27
Honey Montana
Рет қаралды 977 М.
تجربة أغرب توصيلة شحن ضد القطع تماما
0:56
صدام العزي
Рет қаралды 63 МЛН
İĞNE İLE TELEFON TEMİZLEMEK!🤯
0:17
Safak Novruz
Рет қаралды 1,7 МЛН