Guide Nuxt.js development with best practices for rendering, data fetching, and configuration.
npx skills add https://github.com/messeb/skills --skill nuxt-messeb
Please help me install this Agent Skill. Skill: nuxt Source: https://github.com/messeb/skills/tree/main/plugins/frontend-developer/skills/nuxt Command: npx skills add https://github.com/messeb/skills --skill nuxt-messeb
This Skill helps developers adhere to best practices in Nuxt.js development, ensuring efficient, maintainable, and performant applications.
useFetch and useAsyncData for server and client-side data retrieval.useState for simple SSR-compatible state.useSeoMeta.nuxt.config.ts best practices, including runtime config and modules.Review the Nuxt.js best practices for rendering modes, data fetching, and routing.
High-intent search queries and answers about installing and using this skill.
Nuxt rendering mode selection depends on your content update frequency and SEO needs. This guidance helps you optimally choose between SSR, SSG, ISR, SPA, and Hybrid rendering to ensure efficient and performant Nuxt applications.
The best way to fetch data in Nuxt involves using `useFetch` for simple component-level retrieval and `useAsyncData` for custom logic. This approach ensures effective server and client-side data fetching while preventing common hydration pitfalls.
Managing state in Nuxt with Pinia is recommended for complex application states, while `useState` is better for simple SSR-compatible state. This strategy ensures your state persists correctly across server-side rendering and client hydration.
Optimizing SEO in Nuxt using `useSeoMeta` involves defining meta tags directly within your component setup. This method streamlines the implementation of SEO best practices, ensuring search engines properly index your Nuxt application content.
Common Nuxt pitfalls to check during an audit include improper `nuxt.config.ts` runtime configurations, incorrect middleware implementation, and inefficient routing conventions. The audit checklist helps identify and avoid these frequent Nuxt development errors.
stevessrProvide centralized Vue 3 and Nuxt 3 development best practices and references.
json-choiDeploy Expo applications to iOS, Android, and web via EAS workflows.
yunusemrgrlAutomate Tailwind CSS development with utility classes for responsive layouts.
jcsoftdevRender React components on the server to deliver HTML.