skills.rest
vito1317
vito1317COMMUNITY
Explore all skills by this author →
WebsiteGitHub

nuxt-content

Manage Nuxt content with typed collections, remote sources, and MDC rendering.

Updated Jan 6, 2026
Search Tags:#markdown#queries#i18n#collections#nuxt-content#studio
One-click install
npx skills add https://github.com/vito1317/security-one-waf-website --skill nuxt-content-vito1317
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nuxt-content
Source: https://github.com/vito1317/security-one-waf-website/tree/main/.tessl/tiles/onmax/nuxt-skills/skills/nuxt-content
Command: npx skills add https://github.com/vito1317/security-one-waf-website --skill nuxt-content-vito1317

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Streamline content management in Nuxt apps by using Nuxt Content v3 to define typed collections, connect remote sources, perform content queries, render MDC, configure databases, and integrate NuxtStudio for live editing.

Core Features & Use Cases

  • Typed collections and schemas with defineCollection and defineContentConfig
  • Remote sources and API integrations for content sources
  • Querying with queryCollection for navigation, search, and related data
  • MDC rendering and Prose components for rich markdown content
  • Database configuration (SQLite, PostgreSQL, LibSQL/Turso, etc.)
  • NuxtStudio integration and preview mode
  • Content hooks and i18n patterns, plus LLMs integration

Quick Start

Install Nuxt Content v3 in your project, define a content.config.ts with collections and sources, and enable Studio for live editing.

Frequently Asked Questions about nuxt-content

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

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

Typed content collections in Nuxt Content v3 are defined using defineCollection and defineContentConfig within a content.config.ts file, allowing you to establish strict schemas for your markdown and remote sources.

Can I query markdown content for navigation and search in a Nuxt app?▼

Querying markdown content for navigation and search in a Nuxt app is handled through the queryCollection function, enabling efficient retrieval of related data from your configured local and remote sources.

What databases are supported for Nuxt Content configuration?▼

Nuxt Content database configuration supports SQLite, PostgreSQL, and LibSQL/Turso, providing flexible backend storage options to manage and query your typed content collections effectively.

Does Nuxt Content work with NuxtStudio for live editing?▼

Nuxt Content integrates directly with NuxtStudio for live editing and preview mode, streamlining local and production content workflows by enabling visual updates to your markdown files.

What is the best way to render markdown with Prose components in Nuxt?▼

Rendering markdown with Prose components in Nuxt is best achieved using MDC rendering, which provides rich content display and component embedding capabilities within your markdown files.

How do I connect remote sources to a Nuxt Content collection?▼

Connecting remote sources to a Nuxt Content collection is done via API integrations in your content configuration, allowing you to fetch and manage external markdown alongside local files.

Related Skills

Explore More Software Engineering Skills→
daveiodaveio

nuxt-content

Define and query typed collections for Nuxt Content v3 workflows.

Community
Advanced
aRustyDevaRustyDev
1

python-packaging

Package Python projects into distributable artifacts and publish them to PyPI.

Community
Intermediate
incubrainincubrain
78

nuxt-content

Build content-driven Nuxt apps with Nuxt Content v3 typed collections.

Official
Advanced
TheeCoderAhmedTheeCoderAhmed

managing-content

Integrate headless CMS platforms and generate type-safe frontend fetchers.

Community
Intermediate