▶ ONE MORE TIME - 15% discount for the VueConf Toronto DEJAVUE [ Ссылка ] *

Data fetching is a crucial part of any web application. In this episode of DejaVue, we discuss the different ways to fetch data in Vue.js and Nuxt.js, and how to cache it.

We also talk about the experimental Suspense feature in Vue.js and how it can be used to improve the user experience, as well as how to handle third-party scripts in your application.

In addition, Nuxt's data fetching options are discussed, including the $fetch method, useFetch, useAsyncData and the useNuxtData composable.

Finally, we cover server-side caching in Nuxt.js, including route rules, defineCachedEventHandler, and defineCachedFunction.


Enjoy the episode!


---
Your Hosts

* Michael Thiessen
* Twitter - [ Ссылка ]
* YouTube - @michaelnthiessen
* Web - [ Ссылка ]

* Alexander Lichter
* YouTube - @TheAlexLichter
* Bsky - [ Ссылка ]
* Web - [ Ссылка ]

--
Chaptermarks:

00:00 Welcome to DejaVue
00:50 Which topics should be covered next?
01:56 This episodes topic - Data Fetching
04:13 Two ways of client-side caching
06:17 What is Data Fetching actually - and which library to use?
08:19 Suspense in Vue.js
14:03 Third Party Scripts
17:38 Data fetching basics in Nuxt.js
20:28 $fetch vs useFetch
23:27 $fetch request deduplication on the server
24:43 Caching in Nuxt.js
28:18 routeRules of server-side caching
29:38 defineCachedEventHandler / defineCachedFunction
32:19 Unstorage for storing the cached files
35:41 useNuxtData
40:26 Why does Nuxt offer more data fetching options?
45:32 Wrapping up

--
Links and Resources

▶ ofetch [ Ссылка ]
▶ ky [ Ссылка ]
▶ Suspense in Vue [ Ссылка ]
▶ Data Loaders [ Ссылка ]
▶ DejaVue #E030 - Pinia and Data Loaders (with Eduardo San Martin Morote) [ Ссылка ]
▶ nuxt-workers [ Ссылка ]
▶ Partytown [ Ссылка ]
▶ squoosh.app [ Ссылка ]
▶ DejaVue #E001 - The Need for SSR [ Ссылка ]
▶ You are using useFetch wrong [ Ссылка ]
▶ DejaVue #E003 - Nitro: The Next Generation Server Toolkit [ Ссылка ]
▶ Caching in Nitro [ Ссылка ]
▶ Client side caching with getCachedData [ Ссылка ]
▶ Composable Caching Utils issue [ Ссылка ]
▶ Route Rules in Nuxt [ Ссылка ]
▶ DejaVue #E002 - Building a Nuxt.js SaaS in less than a week (with Harlan Wilton) [ Ссылка ]

--
Follow DejaVue on

▶ The Web: [ Ссылка ]
▶ Bsky: [ Ссылка ]
▶ Apple Podcast: [ Ссылка ]
▶ YouTube: [ Ссылка ]
▶ Spotify: [ Ссылка ]
▶ Deezer: [ Ссылка ]
▶ Amazon Music: [ Ссылка ]
▶ Pocket Casts: [ Ссылка ]

--

Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.

свернуть