skills.rest
jd-solanki
jd-solankiCOMMUNITY
Explore all skills by this author →
Website𝕏@me_jd_solankiGitHub

nuxt-content

Standardize Nuxt Content v3 workflows for collections, sources, and querying.

Updated Feb 7, 2026
Search Tags:#content#collections#nuxt#LLMs#queryCollection#NuxtStudio
One-click install
npx skills add https://github.com/jd-solanki/lekhan-internal-sync --skill nuxt-content-jd-solanki
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nuxt-content
Source: https://github.com/jd-solanki/lekhan-internal-sync/tree/main/.agents/skills/nuxt-content
Command: npx skills add https://github.com/jd-solanki/lekhan-internal-sync --skill nuxt-content-jd-solanki

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill centralizes Nuxt Content v3 guidance for building content-driven apps, unifying collections, sources, MDC rendering, database configuration, Studio integration, i18n patterns, and LLMs.

Core Features & Use Cases

  • Collections and sources: local, remote, and API-backed content definitions with defineCollection and defineContentConfig.
  • Querying and navigation: use queryCollection, navigation, and search sections to build rich content experiences.
  • Studio integration and previews: NuxtStudio workflows and preview mode for live editing and content validation.

Quick Start

  • Create a Nuxt 3 project and install @nuxt/content.
  • Create a simple content.config.ts with a sample collection and a markdown file.
  • Run the dev server and fetch content via queryCollection in a page or composable.

Frequently Asked Questions about nuxt-content

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

FAQPage Schema
How do I define local and remote content collections in Nuxt Content v3?▼

Nuxt Content v3 uses defineCollection and defineContentConfig to configure content sources. This standardizes local, remote, and API-backed content definitions into a unified configuration surface for your project.

How does queryCollection work for fetching content in Nuxt Content v3?▼

queryCollection is used to fetch content data within pages or composables. It integrates with navigation and search sections to build rich content experiences without manual database queries.

Can I use NuxtStudio for live editing and content previews with Nuxt Content?▼

NuxtStudio workflows integrate with Nuxt Content to enable preview mode for live editing. This allows direct content validation and editing within the Studio environment before publishing changes.

Does Nuxt Content v3 support LLMs and i18n integration for content pipelines?▼

Nuxt Content v3 supports both i18n patterns and LLMs integration. This enables end-to-end content pipelines that handle multilingual content and interact with large language models directly.

What is the best way to render MDC components in a Nuxt Content collection?▼

MDC rendering is built directly into Nuxt Content v3 workflows. It allows you to use components inside your markdown files, standardizing how interactive elements display within fetched content collections.

Do I need a content.config.ts file to set up database configuration for Nuxt Content?▼

A content.config.ts file is required to define your sample collections and database configuration. You then run the dev server and fetch content via queryCollection in a page or composable.

Related Skills

Explore More Software Engineering Skills→
omakeiomakei
2

nuxt-config

Configure Nuxt 4 applications with standardized config files and runtime settings.

Community
Advanced
mahg-esmahg-es
3

static-site-generate

Generate static websites from Markdown into deployable HTML with CI workflows.

Official
Intermediate
GuibibiGuibibi

nuxt-content

Configures Nuxt Content v3 workflows for typed collections, SQL-backed querying, and markdown rendering.

Community
Advanced
shahatashahata

wix-headless

Guide building Wix Headless websites with Astro from setup to deployment.

Community
Advanced