Перейти к содержимому

Nuxt 3.8 - Client-side caching with getCachedData ✨

Alexander Lichter

0:00 / 0:00

Nuxt 3.8 - Client-side caching with getCachedData ✨

24 342 просмотра · 2 года назад
Alexander Lichter
18 тыс. подписчиков
24 342 просмотра · 2 года назад
⚡️ 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:   / thealexlichter   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