Dynamic Rendering in 2024 - SSR only for Crawlers?

🔍️ SEO is crucial for public-facing applications, resulting in the need of SSR for modern SPAs. But, why not enable SSR only for crawlers so they can get all the data while the users see a plain SPA? This approach is called "Dynamic Rendering"!
If this is a good idea, what Google thinks about it and whether you should use it or not will be answered in this video!
#ssr #dynamic rendering
---
Links
🔗 Code github.com/manniL/alexander-l...
🔗 Infographic on Dynamic Rendering img.lichter.io/infographics/d...
🔗 Rendertron github.com/GoogleChrome/rende...
🔗 Google's Site on Dynamic Rendering developers.google.com/search/...
🔗 Google about Cloaking developers.google.com/search/...
🔗 Enable SSR dynamically in Nuxt www.lichter.io/articles/nuxt3...
📺 Building a plain SPA with Nuxt? • Building a plain SPA w...
📺 ‪@DejaVueFm‬ Episode 001 about SSR share.transistor.fm/s/90ce0fd6
📺 DejaVue Episode 012 about Vue + Game Development share.transistor.fm/s/dd5a7933
📺 My talk on Vue.js Hydration • Alexander Lichter - Vu...
Don't forget to hit that "Subscribe" button, ring the notification bell and give a thumbs up!
🌐 Connect further:
Website: www.lichter.io
Twitter/X: / thealexlichter
Twitch: / thealexlichter
---
Chapters
00:00 Intro
00:47 Infographic - What is Dynamic Rendering
02:17 Why using Dynamic Rendering
05:05 Disadvantages of Dynamic Rendering
07:20 Is Dynamic Rendering Cloaking?
08:38 Should you use Dynamic Rendering?
09:17 Implementing Dynamic Rendering with Nuxt.js
14:34 Wrapping up
---
Notice
Links marked with * are affiliate links. I get a small commission when you register for the service through our link. This helps to keep the UA-cam channel running. I only include affiliate links for services mentioned in the video which I use myself and/or vouched!

[@TheAlexLichter]

Anyone used Dynamic Rendering already? Let me know how you did and why!

[@reneeschke]

I could write a love letter on almost all of your videos. So well prepared and calmly executed. Really dense without being overwhelming. The right amount of authenticity and ease. And of course, expert knowledge which is a given at this point. I especially love how you avoid drastic absolutes like „you should never xyz“
This video in particular was a bit out of my usecase, but I still enjoyed every minute of it.

[@alimaher1]

Wow I didn't know that it's even a thing! Thank you, man. Really awesome video!

[@TheAlexLichter]

You are welcome 🙌🏻

[@user-qb7yc3qg3b]

Awesome video as usual!)) thank you!

[@TheAlexLichter]

You are more than welcome 🙌

[@user-jh9ou4ur3e]

Thanks for the amazing video. Please tell me where the getHeader utility comes from?

[@TheAlexLichter]

It is auto imported from h3 ☺️
h3.unjs.io/utils/request#getheaderevent-name

[@user-jh9ou4ur3e]

@@TheAlexLichter Thank you

[@user-qb7yc3qg3b]

What do you think about text format and blog posts? In this era dominated by video content, is text still relevant for building a personal brand?

[@TheAlexLichter]

It definitely is, especially if you cover topics which are in demand or not as well-covered. Really want to convert these videos into blog posts when I have the time for it :D

[@user-qb7yc3qg3b]

21 watching - 10 likes… whats wrong with you guys?))))

[@TheAlexLichter]

🙏🙏🙏

[@wolfphantom]

I think your line 14 can be replaced with "event.context.nuxt ??= {}" using the new-ish nullish coalesecing operator

[@wolfphantom]

@@TheAlexLichter that reply is non sequitur.

[@TheAlexLichter]

Oh lol. Sorry 👀
Yes, you are right (in both cases)!