Nuxt 3.8 - Client-side caching with getCachedData ✨

⚡️ 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

• #science_technology
• #nuxt
• #nuxtjs
• #typescript
• #javascript
• #getcacheddata