Guide Nuxt 4 data fetching with useFetch, useAsyncData, and Pinia.
npx skills add https://github.com/asonnleitner/filipsbarbershop --skill nuxt-data
Please help me install this Agent Skill. Skill: nuxt-data Source: https://github.com/asonnleitner/filipsbarbershop/tree/main/.claude/skills/nuxt-data Command: npx skills add https://github.com/asonnleitner/filipsbarbershop --skill nuxt-data
This Skill simplifies and clarifies data fetching, state management, and composable creation within Nuxt 4 applications, ensuring efficient and maintainable code.
useFetch and useAsyncData, with support for reactive parameters, transformations, and error handling.useState for shared data and seamless integration with Pinia.Use the nuxt-data skill to fetch user data from the '/api/users' endpoint.
High-intent search queries and answers about installing and using this skill.
State management in Nuxt 4 uses useState for shared application data and integrates with Pinia. This combination provides seamless state handling across components while maintaining SSR-safe practices for scalable applications.
SSR-safe composables in Nuxt require following best practices for reusable logic during server-side rendering. This Skill provides patterns to ensure data fetching and state management avoid hydration mismatches and maintain consistency across server and client.
Nuxt-data provides patterns for handling multiple simultaneous fetches efficiently, such as fetching user data, posts, and statistics together. It uses composable patterns to manage combined state and ensure scalable Nuxt applications.
Nuxt data fetching supports advanced techniques like polling and debouncing through composable patterns. Using useFetch and useAsyncData, you can implement these mechanisms to control data refresh rates and optimize network requests.
useState is used for simple shared application state, while Pinia integration handles complex state logic. Nuxt-data guides when to use each approach, ensuring efficient and maintainable state management tailored to your application's scale.
himanshu231204Resolve Nuxt 4 hydration mismatches and optimize data fetching patterns.
sayasaya8039Standardize React and Next.js frontend patterns for components, state, and performance.
seanchiuaiManage global client-side state across Vue components with Pinia stores and composables.
travisjneumanGuide Vue.js 3 development with Composition API, TypeScript, Pinia, and Nuxt 3.