- Nuxt.js에서 페이지 네비게이션을 차단하지 않고, 맨 처음 데이터 요청 시 skeleton (loading indicator)을 보여주고, 데이터를 백그라운드에서 가져오는 방법 🤔
- useFetch와 useAsyncData composables를 활용하여 데이터 캐싱을 조절할 수 있습니다. 💾
useAsyncData
컴포저블에cache
키를 설정하여 캐싱된 데이터를 사용할 수 있습니다. 🧰useFetch
컴포저블의lazyFetch
옵션을 활용하여 기존 캐시된 데이터가 있는 경우 로딩 지연을 추가할 수 있습니다. 🦥- 캐시된 데이터가 없는 경우 지연 로딩을 위해 Skeleton 위젯을 사용하여 사용자에게 즉각적인 피드백을 제공합니다. 🦴