Nuxt 3.8 - Client-side caching with getCachedData ✨
15.7 هزار بار بازدید -
10 ماه پیش
-
⚡️ Nuxt 3.8 was released
⚡️ Nuxt 3.8 was released just a day ago, packed with lots of amazing features. Among the updates, one change for `useFetch` and `useAsyncData` is pretty significant IMO - `getCachedData`. In this video, we will explore how that function can avoid superfluous calls to an API and cache data for visitors on the client, either until a hard-reload or even with a custom TTL logic.
Key Takeaways:
🛠️ What is getCachedData
🚀 How to avoid extra requests if fetching data once is sufficient
⚡️ Where to put the logic for custom caching mechanisms
Links:
🔗 Code: https://github.com/manniL/nuxt-get-ca...
🔗 Vue directive docs: https://vuejs.org/guide/reusability/c...
🔗 Nuxt 3 docs: https://nuxt.com/docs/api/composables...
Whether you're a Nuxt.js pro or a newbie, this video is packed with valuable insights and practical examples to make your websites more user-friendly and dynamic.
Don't forget to hit that "Subscribe" button, ring the notification bell and give a thumbs up!
🌐 Connect further:
Website: https://www.lichter.io
Twitter/X: Twitter: TheAlexLichter
Twitch: Twitch: TheAlexLichter
Chapters:
00:00 Intro
00:35 Explaining getCachedData in Nuxt 3.8
00:58 A simple getCachedData implemenetation
04:50 getCachedData with custom TTL logic
08:14 Summary
#Nuxt3 #vuejs #nuxtjs #webdevelopment #frontend #frontenddeveloper #caching #ssr #getCachedData
Key Takeaways:
🛠️ What is getCachedData
🚀 How to avoid extra requests if fetching data once is sufficient
⚡️ Where to put the logic for custom caching mechanisms
Links:
🔗 Code: https://github.com/manniL/nuxt-get-ca...
🔗 Vue directive docs: https://vuejs.org/guide/reusability/c...
🔗 Nuxt 3 docs: https://nuxt.com/docs/api/composables...
Whether you're a Nuxt.js pro or a newbie, this video is packed with valuable insights and practical examples to make your websites more user-friendly and dynamic.
Don't forget to hit that "Subscribe" button, ring the notification bell and give a thumbs up!
🌐 Connect further:
Website: https://www.lichter.io
Twitter/X: Twitter: TheAlexLichter
Twitch: Twitch: TheAlexLichter
Chapters:
00:00 Intro
00:35 Explaining getCachedData in Nuxt 3.8
00:58 A simple getCachedData implemenetation
04:50 getCachedData with custom TTL logic
08:14 Summary
#Nuxt3 #vuejs #nuxtjs #webdevelopment #frontend #frontenddeveloper #caching #ssr #getCachedData
10 ماه پیش
در تاریخ 1402/07/28 منتشر شده
است.
15,718
بـار بازدید شده