Guides building Nuxt 4 applications with SSR, file-based routing, and auto-imports.
npx skills add https://github.com/filippolmt/skills --skill nuxt-filippolmt
Please help me install this Agent Skill. Skill: nuxt Source: https://github.com/filippolmt/skills/tree/main/skills/nuxt Command: npx skills add https://github.com/filippolmt/skills --skill nuxt-filippolmt
server/api handlers and a createUseFetch composable with shared interceptors. ## Quick Start Ask the assistant to help you build or fix a Nuxt feature, such as "create a server route with cached data fetching in my Nuxt 4 app".High-intent search queries and answers about installing and using this skill.
Use useFetch or useAsyncData instead of calling $fetch directly in setup. These composables fetch on the server, serialize the result into the payload, and hydrate it on the client so the request runs only once.
Nuxt 4 moves all Vue app code into an app/ srcDir, so components, pages, and composables live under app/ while server/, shared/, and nuxt.config.ts stay at the root. The ~ and @ aliases now point to app/, and ~~ or @@ point to the project root.
Use the createUseFetch factory exported from app/composables to build a typed composable with shared baseURL, headers, and interceptors. Pass a function instead of an object when you need to enforce options or access useNuxtApp inside setup context.
Hydration mismatches occur when server-rendered HTML differs from the client render, often caused by browser APIs like localStorage, random values, or time-based output in setup. Use useCookie, useState, ClientOnly components, or import.meta.client guards to keep output consistent.
Yes, Nuxt uses the Nitro server engine, which supports Node.js, static generation, serverless, and edge platforms through presets. Set the preset in nuxt.config.ts under nitro.preset or via the NITRO_PRESET environment variable before building.
Use Nuxt layers, which let you package components, composables, pages, and config into a reusable unit consumed via the extends option in nuxt.config.ts. Layers can come from npm packages, git repositories, local directories, or the auto-scanned layers/ folder.
onmaxConfigure Nuxt SEO modules for robots, sitemaps, OG images, and structured data.
sduduzogBuild and deploy full-stack Vue apps with Nuxt SSR and Nitro routes.
valithedgeAutomate linting, unit tests, and Playwright browser validation for AEM Edge Delivery code changes.
jcsoftdevAnalyze React component trees to eliminate unnecessary re-renders across Next.js, Remix, Vite, and vanilla apps.