nuxt-content

Provide a typed, SQL-backed content layer for Nuxt apps.

45|3|Updated Jan 20, 2026
One-click install
npx skills add https://github.com/Charles5277/nuxt-supabase-starter --skill nuxt-content-charles5277
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: nuxt-content
Source: https://github.com/Charles5277/nuxt-supabase-starter/tree/main/.claude/skills/nuxt-content
Command: npx skills add https://github.com/Charles5277/nuxt-supabase-starter --skill nuxt-content-charles5277

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Nuxt Content v3 provides a typed, SQL-backed content layer that simplifies modeling, querying, and rendering content in Nuxt apps, reducing boilerplate and ensuring consistency across projects.

Core Features & Use Cases

  • Typed collections and schemas for reliable content modeling and validation.
  • Local and remote sources, queries, and MDC rendering for flexible content pipelines.
  • NuxtStudio integration, i18n patterns, hooks, and LLMS integration for end-to-end workflows.

Quick Start

Define your first content collection in content.config.ts and start querying with queryCollection to fetch and render content.

Frequently Asked Questions about nuxt-content

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I define content collections in Nuxt Content v3?

Nuxt Content v3 queries a SQL-backed content layer using queryCollection to fetch and render local or remote collections, reducing boilerplate and ensuring consistency across Nuxt apps.

Can I use Zod or Valibot for schema validation in Nuxt Content?

Nuxt Content v3 supports NuxtStudio integration, i18n patterns, hooks, and LLMs integration, providing end-to-end workflows for managing and rendering typed collections from local or remote sources.

How do I fetch and render markdown content with queryCollection?

Nuxt Content v3 handles local and remote sources, queries, and MDC rendering, allowing you to define typed collections in content.config.ts and optionally integrate external sources for flexible content pipelines.

What is the best way to model typed content in a Nuxt app?

Nuxt Content v3 requires a proper content.config.ts file with defineCollection, optional external sources, and a schema defined via Zod or Valibot to enable safe, typed content queries across local or remote collections.

Does Nuxt Content v3 support i18n patterns and LLMs integration?

Nuxt Content v3 provides a typed, SQL-backed content layer that simplifies modeling, querying, and rendering content in Nuxt apps, reducing boilerplate and ensuring consistency across projects.