DejaVue

The very first episode of DejaVue is here! In this episode, Michael and Alex talk about Server-Side Rendering (SSR) and its benefits, use cases, and challenges. After understanding what SSR actually is and why it could be useful, rendering modes like Static Site Generation (SSG) and Incremental Static Regeneration (ISR) are discussed, as well as compared to dynamic SSR. The episode closes with a summary of the discussed topics and a brief outlook.
Hosts
* Alexander Lichter
* UA-cam - ‪@TheAlexLichter‬
* Twitter - / thealexlichter
* Web - www.lichter.io/
Michael Thiessen
* Twitter - / michaelthiessen
* Web - michaelnthiessen.com/
Chaptermarks
00:00 Intro
00:50 What is Server-Side Rendering (SSR)
05:44 When would you recommend using SSR
08:46 Performance benefits with SSR and Hydration
14:39 Complexity with Server-Side Rendering
17:21 Static Site Generation (SSG) versus dynamic SSR
27:53 Incremental Static Regeneration (ISR)
34:11 Summary
Links and Resources
* Remix & PESPAs - www.epicweb.dev/the-webs-next...
* React Server Components - react.dev/blog/2023/03/22/rea...
* Nuxt Server Components - nuxt.com/docs/guide/directory...
* Hybrid Rendering in Nuxt - nuxt.com/docs/guide/concepts/...
* Alex' talk about Hydration - github.com/manniL/talk-hydrat...
* Island Architecture - www.patterns.dev/vanilla/isla...
* Astro - astro.build/
* Îles - iles-docs.netlify.app/
* Vike / vite-plugin-ssr - vike.dev/
* Quasar - quasar.dev/
* Caching with Nitro (ISR/SWR) - nitro.unjs.io/guide/cache
Follow DejaVue on
* The Web - dejavue.fm/
* Twitter - / dejavuefm
* Apple Podcast - podcasts.apple.com/us/podcast...
* UA-cam - / @dejavuefm
* Spotify - open.spotify.com/show/5VQ15QH...
* Deezer - www.deezer.com/show/1000792252
* Amazon Music - music.amazon.com/podcasts/798...
* Pocket Casts - pca.st/49qr8d1k

[@LearnVue]

elite podcast duo !

[@DejaVueFm]

Thank you 🙏🏻🙏🏻🙏🏻

[@notlekrut]

SSR is also incredibly useful for multi-tenant. I can generate all the correct SEO, manifest.json, opengraph, etc. in a single code base, with a single deploy for X amount of frontend websites without having to worry about if those indexing systems wait for JS(which most of them don't). And using Vue/Nuxt/Tailwind then makes theming, configurations stupidly easy(all the development has been a breeze so far). I'm rewriting a old backbone/handlebars/jquery ecommerce/marketplace project to Nuxt 3 and it's such a breath of fresh air

[@DejaVueFm]

Very good and important remark! Thanks for sharing 🙏🏻

[@TheAlexLichter]

Lovely to see the first episode out! 👏🏻

[@tomasbirbalas4744]

Thank you guys. Very good content and looking forward to new episode. Nuxt server components 🤞🤞

[@DejaVueFm]

You are welcome! Glad you liked it 🙏🏻
Nuxt Server Components are on the list for sure but that'll take a little bit 🙊

[@svenvanreenen]

💯💯💯

[@SamNorrisRogers]

Great topic for the first episode 👍thanks guys!

[@DejaVueFm]

Our pleasure! 🙏🏻

[@AndrejFidel]

Insightful, looking forward to longer episodes :P

[@DejaVueFm]

Glad you enjoyed it 🙏🏻
What length would you prefer?
And any suggestion for future topics? 👀

[@sultondev]

You guys legends. Thank you.

[@DejaVueFm]

You are welcome! Glad you enjoy the podcast 🙌🏻

[@lararawf6100]

God bless

[@LachlanMiller]

Yes, been waiting for ep 1 - great stuff!

[@DejaVueFm]

Happy you liked the first episode! 🙌🏻
Do you have any future topics in mind? 👀

[@yoanestradablanco1608]

Incredible video I always wanted to know a little about how the ISR worked and I realized that I don't want to use it in my current developments

[@DejaVueFm]

Happy the podcast helped you 🙏🏻
And good to know which tools are available, even if you don't need them right away 👍🏻

[@rrd_webmania]

Shift of thinking is an important topic we rearly speak about. Thanks guys.

[@DejaVueFm]

Could you go more into what exactly you mean with "Shift of thinking"? You mean it as in "context switching"? 🤔

[@rrd_webmania]

@@DejaVueFm Michael mentioned it during the podcast. When we used to do something in a way, but it is not exactly the way we should think about that problem. It is much more a high level viewpoint, not some technical issue. Like the difference between an SPA and a SSR app.

[@lararawf6100]

Thank you

[@DejaVueFm]

You're welcome

[@codestuff3685]

let's see how it goes

[@DejaVueFm]

Keep us posted 👍🏻

[@henriquelopes6846]

Lets talk about Nuxt Server components next :)

[@DejaVueFm]

That topic is on the list for a more in-depth episode but might take a bit more time 👀

[@henriquelopes6846]

No pressure, I know whatever you decide for your nuxt topic will be great ;) @@DejaVueFm

[@DejaVueFm]

Just leaving this here - ua-cam.com/video/gBbx6sRdRjg/v-deo.html

[@codestuff3685]

Can the episodes be 1080p?

[@DejaVueFm]

Oh yes, absolutely!

[@Tarabass]

Nice! Is this on Spotify as well?

[@DejaVueFm]

Of course - on all big platforms! Links can be found in the video description ☺️

[@danielkelly2585]

"My old php application..." 😆

[@DejaVueFm]

We all can relate, can't we 😛

[@russpalermo]

Elixir / Phoenix Live View seems to me superior to SSR

[@DejaVueFm]

Live View / Hotwire / Livewire /... are all interesting and amazing tools but don't fall in the same line as Fully SSRing a website. There are big differences between what they are capable of actually 👀
But funnily, Nuxt Server Components are a tiny bit related to them!