{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What is a Nuxt module?","acceptedAnswer":{"@type":"Answer","text":"A Nuxt module is a function that runs during application startup and can extend or modify Nuxt's default behavior. Modules can add plugins, configure the build, register hooks, or integrate third-party libraries. They enable extending Nuxt in a reusable and shareable way, like @nuxt/content or @nuxt/image."}},{"@type":"Question","name":"How to install and configure a Nuxt module in the application?","acceptedAnswer":{"@type":"Answer","text":"To install a Nuxt module, first install it via npm/yarn/pnpm, then add it to the modules array in nuxt.config.ts. For example: npm install @nuxt/content then add '@nuxt/content' to modules: []. Some modules also accept configuration options in the same nuxt.config.ts file."}},{"@type":"Question","name":"What is the main purpose of the @nuxt/content module?","acceptedAnswer":{"@type":"Answer","text":"@nuxt/content enables creating content-driven applications by transforming Markdown, YAML, CSV and JSON files into a queryable database. It provides a file-based content management system (CMS) with extended Markdown support, syntax highlighting, full-text search and automatic table of contents generation. Ideal for blogs, documentation and static sites."}},{"@type":"Question","name":"How to fetch a specific document with @nuxt/content?","acceptedAnswer":{"@type":"Answer","text":"Use queryContent() with the file path to fetch a document. For example: const article = await queryContent('/blog/article-1').findOne(). The module also provides where(), sort(), limit() for filtering and sorting. Documents are automatically parsed from the content/ folder with access to frontmatter, body and metadata."}},{"@type":"Question","name":"What is the main advantage of the @nuxt/image module?","acceptedAnswer":{"@type":"Answer","text":"@nuxt/image automatically optimizes images by generating different sizes (responsive), modern formats (WebP, AVIF), and applying lazy loading by default. The component replaces by offering resizing, compression and Cumulative Layout Shift (CLS) optimization. It supports multiple providers (Vercel, Cloudinary, imgix) and significantly improves Core Web Vitals."}},{"@type":"Question","name":"What is the difference between and ?","acceptedAnswer":{"@type":"Answer","text":" generates an optimized tag with srcset for responsive images, while generates a