Server Side Rendering vs Client Side Rendering

Поділитися
Вставка
  • Опубліковано 14 лис 2024
  • The way in which your browser loads the websites you visit matters a lot. Today we will look over 2 ways in which this happens.
    🔗Links :
    1. My Website - madhava-raveen...
    2. My Instagram - / dragstarmadhav
    3. Dark Aurora Zero Theme - marketplace.vi...
  • Наука та технологія

КОМЕНТАРІ • 79

  • @partharoy1733
    @partharoy1733 2 роки тому +69

    To the point no time waste and no blah blah..Before getting here I browsed other videos but you man really cleared it out in 2 mins 👍👍 Thanks so much 🙂

  • @khesaro2584
    @khesaro2584 Рік тому +16

    2 minutes and you’re done. Best explainer I’ve seen on this topic

  • @Iamdigitalshree
    @Iamdigitalshree Місяць тому

    I have been looking for this explainer for the last two days I did check the other videos but could not understand but you explained it very well. Thank you keep making such a videos.

  • @misbahmushtaq5881
    @misbahmushtaq5881 Рік тому +2

    Well explained, I have always suffered with the understanding of these two concepts.

  • @RakeshSharma-vs9jt
    @RakeshSharma-vs9jt 5 місяців тому

    best and easy explanation, easy to understand, great work buddy, one small info, React is not a framework it is a library, NextJS and NuxtJS are frameworks

  • @him99ful
    @him99ful Рік тому +1

    To the point...loved it.. one more thing..which is better for seo and why?

    • @danielmcpherson9062
      @danielmcpherson9062 8 місяців тому

      Server side is better for SEO. With server side, the page loads quickly (assuming the page gets cached after the initial request to the route)
      SSR means that the page is readily available for the crawler.
      With CSR, if the page takes too long to load then the crawler will give up.
      I’m sure there’s other advantages, if you found out (or if someone else knows), please share!

  • @mohsinattar9217
    @mohsinattar9217 Рік тому

    My subscription for your 2 min explanation... wooww🔥
    Others video having 30 min lengthy but😕

  • @agguLi
    @agguLi 7 місяців тому +1

    I'm confused.
    static websites mean that the server delivers html, css and js to the clients browser. There the page is rendered.
    On the other hand dynamic websites are created on the server and the server only delivers html to the client. So the client does not need to render the page. it simply has to display it.
    So why do you relate static websites with server side rendering?

  • @sunitiraykar3438
    @sunitiraykar3438 2 роки тому +2

    Very nicely explained, animation making it easy to understand . Thanks

  • @niharranjanmohanty5697
    @niharranjanmohanty5697 2 роки тому +2

    This is really cool answer for interviews. Thanks, Kudos...

  • @ibtesumrezaaninda323
    @ibtesumrezaaninda323 Рік тому +1

    Great video!
    Correction: React is not a framework

    • @synipher58
      @synipher58  Рік тому

      My bad. You're right, it's a library. Thanks for catching that :)

  • @ItumelengS
    @ItumelengS 2 роки тому +2

    Dude just into the point, what a pro

  • @tusharr9036
    @tusharr9036 Рік тому +1

    Thank you so much mann!! You explained so simplyyy

  • @rofldemo1648
    @rofldemo1648 2 роки тому

    But what’s the point to have an empty website with csr, and have to wait for the javascript to fill it ? Are we not in both cases forced to wait the same amount of time for the page to be readable?

    • @synipher58
      @synipher58  2 роки тому

      Not necessarily. It depends on what type of website it is. In csr, if you have an empty website, you don't need to wait that long because it depends on how much Javascript is needed to render the page. In SSR, we usually deal with the content of the page rather than the page itself.

  • @randovidupload9422
    @randovidupload9422 6 місяців тому

    You completely skipped on SEO and the reason you might want SSR over CSR.

  • @vaishoo-95
    @vaishoo-95 Рік тому +1

    Best explanation so far 🤩

  • @marko4303
    @marko4303 2 роки тому +2

    Great explanation with a bit of humour :)
    Thank you for the work!

  • @DrDiabolical000
    @DrDiabolical000 2 роки тому

    I heard that Next.js was an upgrade. But then I also heard it takes us 20 years bk.
    So in ur opinion, is it a step up or step down? Use case -> highly performant and interactive web applications.

    • @synipher58
      @synipher58  2 роки тому

      It is definitely an upgrade. I have been using next js a lot and it has so many functionalities and features that make a web app much better

  • @ggr6673
    @ggr6673 Рік тому +1

    clean and crisp explanation, thanks man

  • @jeetdhandha8646
    @jeetdhandha8646 7 місяців тому

    A very clean and simple explanation

  • @joshuaabejero9592
    @joshuaabejero9592 Рік тому

    Finally, someone explain it better.

  • @yadav-r
    @yadav-r Рік тому

    Awesome, thank you for sharing, helped me choosing the model.

  • @adilmuhammad6078
    @adilmuhammad6078 Рік тому

    Amazing man, I really appreciate your content here

  • @taharasheed2096
    @taharasheed2096 2 роки тому +1

    You deserve a million subs, hope you get it one day!😃
    Nice work, Totally on point, and Good visual presentation.

  • @AmitabhSuman
    @AmitabhSuman 2 місяці тому

    Cool way to explain this. What a fun video. Subs!

  • @techbro3085
    @techbro3085 2 роки тому

    You cleared the concept within 2min. thats Nice bro.
    Subscribed

  • @gededestrawan9997
    @gededestrawan9997 Рік тому

    less users on ssr? but airbnb use next and the users not less :(

  • @ashishshetty4363
    @ashishshetty4363 7 місяців тому

    Great explanation , keep doing these kind of videos

  • @cristigeorge5371
    @cristigeorge5371 2 роки тому

    Thanks man! Nice video, nice explanation!

  • @Umashankar-sl5jx
    @Umashankar-sl5jx Рік тому

    Nice explanation bro... thank you so much

  • @khunrocky606
    @khunrocky606 2 роки тому

    the amount of memes in this video is pure gold

  • @BlaBlaBlaInDaHouse
    @BlaBlaBlaInDaHouse Рік тому

    Great video, thank you for your explanation!

  • @moelets
    @moelets Рік тому

    Thank you so much, u explained well

  • @mohamedLO1
    @mohamedLO1 2 роки тому

    Thank you my friend, awesome video !

  • @codinghub5934
    @codinghub5934 2 роки тому

    Good concept knowledge and easy to understand.. 👍

  • @pablogalindo2089
    @pablogalindo2089 2 роки тому

    Awesome, short and informative video!

  • @Kty-l3s
    @Kty-l3s Місяць тому

    Really Thanks a lot man!

  • @christiannaira6076
    @christiannaira6076 9 місяців тому

    Thanks for this man!

  • @sagargupta5135
    @sagargupta5135 Рік тому

    Thank you so much for your 2 minutes

  • @sinistergaming513
    @sinistergaming513 Рік тому

    fireship 144p...still great though..nice job

  • @nitinworldwide
    @nitinworldwide Рік тому

    Waiting for more content from you

    • @synipher58
      @synipher58  Рік тому +1

      Yes...Sry I had been out for a while.... A new video coming soon!

  • @AnneliesVaandrager
    @AnneliesVaandrager 10 місяців тому

    This is great, thank you

  • @sergiisechka1993
    @sergiisechka1993 2 роки тому +1

    Thank you, Man!!!

  • @Naidu_275
    @Naidu_275 2 роки тому +1

    Simple and superb

  • @jagritdixit9224
    @jagritdixit9224 9 місяців тому

    Just wow 🔥🔥🔥

  • @iamsajjadalidev
    @iamsajjadalidev Рік тому

    thanks dear, keep it up

  • @user-uz8js5bm9i
    @user-uz8js5bm9i 2 роки тому

    Great video!

  • @AsishSharma-gi8tb
    @AsishSharma-gi8tb 7 місяців тому

    Thanks Buddy!

  • @dheerajs5774
    @dheerajs5774 2 роки тому

    Clean and Crisp.

  • @jeetdhandha8646
    @jeetdhandha8646 7 місяців тому

    Loved it

  • @saravanprathi6956
    @saravanprathi6956 Рік тому

    Thanks a ton!!

  • @therealchiko
    @therealchiko 2 роки тому

    Great vid!

  • @pradeepnaik5693
    @pradeepnaik5693 11 місяців тому

    bro u are awesome

  • @thenujansandramohan8930
    @thenujansandramohan8930 2 роки тому

    Great video

  • @ieatcrayons3322
    @ieatcrayons3322 2 роки тому

    Thank you!

  • @abel4426
    @abel4426 Рік тому

    Thanks man

  • @nikitapant9277
    @nikitapant9277 Рік тому

    Amazing

  • @yanisziani989
    @yanisziani989 2 роки тому

    short simple and great

  • @evandroviegas
    @evandroviegas 2 роки тому

    thx

  • @manaskumarpanda3343
    @manaskumarpanda3343 Рік тому

    Done and dusted in 2min

  • @ecostriumvines2024
    @ecostriumvines2024 6 місяців тому

    React support ssr not csr what you are saying

  • @meenakshimittal4385
    @meenakshimittal4385 3 місяці тому

    Bad explanation

  • @end2399
    @end2399 8 місяців тому

    Great video