Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Nuxt full-stack Vue framework with SSR, auto-imports, and file-based routing. Use when working with Nuxt apps, server routes, useFetch, middleware, or hybrid rendering.
How to use
Zainstaluj Nuxt w swoim projekcie, uruchamiając npm install nuxt lub yarn add nuxt. Skill zawiera dokumentację dla Nuxt 3.x, wygenerowaną na 2026-01-28.
Skonfiguruj projekt, tworząc plik nuxt.config.ts w katalogu głównym. Możesz tam ustawić zmienne środowiskowe, konfigurację runtime i opcje aplikacji za pomocą app.config.ts.
Organizuj strukturę katalogów zgodnie z konwencją Nuxt: umieszczaj strony w /pages, komponenty w /components, composables w /composables, a trasy serwera w /server/routes. Nuxt automatycznie importuje komponenty i composables.
Pobieraj dane za pomocą useFetch lub useAsyncData w komponentach, korzystając z wbudowanego cachowania i funkcji refresh. Możesz też używać $fetch do bezpośrednich żądań HTTP.
Definiuj middleware dla tras w /server/middleware lub jako middleware komponentów, aby kontrolować dostęp i logikę przed renderowaniem.
Wdrażaj aplikację za pomocą Nitro, który obsługuje Node.js, platformy bezserwerowe (Vercel, Netlify) i edge (Cloudflare). Użyj npm run build do budowania i npm run preview do testowania produkcji lokalnie.