Тёмный

Dynamic Rendering in 2024 - SSR only for Crawlers? 

Alexander Lichter
Подписаться 7 тыс.
Просмотров 2,1 тыс.
50% 1

🔍️ 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 RU-vid channel running. I only include affiliate links for services mentioned in the video which I use myself and/or vouched!

Наука

Опубликовано:

 

25 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 15   
@TheAlexLichter
@TheAlexLichter 11 дней назад
Anyone used Dynamic Rendering already? Let me know how you did and why!
@reneeschke
@reneeschke 11 дней назад
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
@alimaher1 11 дней назад
Wow I didn't know that it's even a thing! Thank you, man. Really awesome video!
@TheAlexLichter
@TheAlexLichter 9 дней назад
You are welcome 🙌🏻
@user-qb7yc3qg3b
@user-qb7yc3qg3b 11 дней назад
Awesome video as usual!)) thank you!
@TheAlexLichter
@TheAlexLichter 11 дней назад
You are more than welcome 🙌
@user-jh9ou4ur3e
@user-jh9ou4ur3e 9 дней назад
Thanks for the amazing video. Please tell me where the getHeader utility comes from?
@TheAlexLichter
@TheAlexLichter 9 дней назад
It is auto imported from h3 ☺️ h3.unjs.io/utils/request#getheaderevent-name
@user-jh9ou4ur3e
@user-jh9ou4ur3e 9 дней назад
@@TheAlexLichter Thank you
@user-qb7yc3qg3b
@user-qb7yc3qg3b 6 дней назад
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
@TheAlexLichter 6 дней назад
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
@user-qb7yc3qg3b 11 дней назад
21 watching - 10 likes… whats wrong with you guys?))))
@wolfphantom
@wolfphantom 11 дней назад
I think your line 14 can be replaced with "event.context.nuxt ??= {}" using the new-ish nullish coalesecing operator
@wolfphantom
@wolfphantom 6 дней назад
@@TheAlexLichter that reply is non sequitur.
@TheAlexLichter
@TheAlexLichter 6 дней назад
Oh lol. Sorry 👀 Yes, you are right (in both cases)!
Далее
Avoid losing Reactivity in your Vue Application
10:32
Browser Tier List (For Software Developers)
0:59
Просмотров 2,2 млн
При каком ВЕСЕ ЛОПНЕТ ШИНА?
18:44
Aliases in Nuxt 3  (+ raffle 🎁)
13:00
Просмотров 2,2 тыс.
The BEST way to proxy your API in Nuxt
21:12
Просмотров 12 тыс.
What is an API Explained in 1 minute #shorts
0:46
Просмотров 176 тыс.
NEW Folder Structure in Nuxt 4
16:50
Просмотров 7 тыс.
How Big Tech Ships Code to Production
0:59
Просмотров 268 тыс.
useAsyncData vs. useFetch 🤯
15:20
Просмотров 6 тыс.
Do you REALLY need SSR?
18:15
Просмотров 160 тыс.
Gen AI Course | Gen AI Tutorial For Beginners
3:19:26
Просмотров 167 тыс.