Explain Nuxt 4 core fundamentals including setup, routing, SEO, and error handling.
npx skills add https://github.com/asonnleitner/filipsbarbershop --skill nuxt-core
Please help me install this Agent Skill. Skill: nuxt-core Source: https://github.com/asonnleitner/filipsbarbershop/tree/main/.claude/skills/nuxt-core Command: npx skills add https://github.com/asonnleitner/filipsbarbershop --skill nuxt-core
This Skill provides a comprehensive guide to the core concepts and features of the Nuxt 4 framework, enabling developers to build robust and efficient web applications.
nuxt.config.ts for optimal performance and features.navigateTo and NuxtLink.useHead and useSeoMeta for improved search engine visibility.error.vue and NuxtErrorBoundary.Use the nuxt-core skill to understand the directory structure of a Nuxt 4 project.
High-intent search queries and answers about installing and using this skill.
To configure a Nuxt 4 project, modify the nuxt.config.ts file to define settings like modules, runtime config, and app metadata, enabling you to control framework behavior and optimize application performance.
Nuxt 4 file-based routing automatically generates routes based on the directory structure inside the pages folder, supporting dynamic routes and middleware without manual route declaration.
The best way to implement SEO in a Nuxt application is by using the useHead and useSeoMeta composables to dynamically manage meta tags, title properties, and other SEO attributes for improved search engine visibility.
Handle application errors by using the error.vue file for full-page error responses and wrapping specific UI sections with NuxtErrorBoundary to gracefully catch and display component-level errors without crashing the entire application.
The standard Nuxt 4 directory structure organizes code into dedicated folders like pages for routing, components for UI elements, and public for static assets, ensuring a structured and maintainable development workflow.
Yes, you can use middleware to protect routes and the navigateTo function alongside the NuxtLink component for programmatic navigation and redirecting users within your Nuxt 4 application workflow.
Mahaboob26Automate Python environment setup for Streamlit projects with uv.
ROYCE-8425Configures Nuxt 4 hydration safety, SSR data fetching, and route rules.
hector-mannyProvide Vue.js 3 patterns and best practices for Vue, Nuxt, Vite, Pinia, and Vue Router projects.
flaviogragnolatiImplement Next.js 14+ App Router patterns for server-side rendering and data fetching.