nuxt-content

What problem does it solve?

Managing and querying content in Nuxt applications, especially with complex schemas, remote sources, or database backends, can be challenging. This Skill simplifies content integration, querying, and rendering, making it easier to build dynamic, content-rich websites and documentation portals.

Core Features & Use Cases

• Typed Collections & Schemas: Define structured content with Zod for type safety and validation, ensuring data consistency.
• Flexible Content Sources: Integrate local Markdown files, pull content from remote GitHub repositories, or fetch from custom APIs.
• SQL-like Querying: Use the queryCollection API for powerful, efficient content retrieval and filtering.
• Use Case: Quickly set up a blog by defining a blog collection with a schema for posts, then query and render them using queryCollection and <ContentRenderer> for a dynamic content display.

Quick Start

I am setting up a new Nuxt Content v3 project. I need to define a new collection for blog posts with a title (string), date (date), and optional tags (array of strings). Provide the content.config.ts code.