skills.rest
xvaara
xvaaraCOMMUNITY
Explore all skills by this author →
Website𝕏@xvaaraGitHub

nuxt-content

Guide developers in building Nuxt Content v3 apps with typed collections and MDC rendering.

1|Updated Apr 12, 2024
Search Tags:#i18n#collections#mdc#nuxt3#nuxt-content#studio#llms
One-click install
npx skills add https://github.com/xvaara/sleepwalkers --skill nuxt-content-xvaara
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nuxt-content
Source: https://github.com/xvaara/sleepwalkers/tree/main/.agents/skills/nuxt-content
Command: npx skills add https://github.com/xvaara/sleepwalkers --skill nuxt-content-xvaara

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Nuxt Content v3 is a powerful content engine, and this skill guides developers to leverage its capabilities for typed collections, diverse sources, MDC rendering, and seamless integration with Nuxt tools.

Core Features & Use Cases

  • Works with content collections (local, remote, and API sources), defineCollection, and queryCollection for dynamic content
  • Supports MDC rendering and ContentRenderer for rich markdown experiences
  • Provides guidance on database configuration (SQLite, PostgreSQL, D1, LibSQL), content hooks, and i18n patterns
  • Enables NuxtStudio integration, preview mode, and LLMs integration for AI-assisted content workflows
  • Ideal for building end-to-end content-driven Nuxt 3 apps with complex navigation and localization

Quick Start

Install the Nuxt Content module and consult the references to start building a content-driven Nuxt 3 app

Frequently Asked Questions about nuxt-content

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

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

Nuxt Content v3 handles databases by supporting SQLite, PostgreSQL, D1, and LibSQL configurations. You can configure these database options to store and query your typed content collections efficiently within your Nuxt 3 project.

Can I use MDC rendering with ContentRenderer in Nuxt 3?▼

Nuxt Content v3 supports i18n patterns to build localized content-driven apps. You can configure internationalization to manage multilingual content collections and deliver region-specific markdown experiences to users.

Does Nuxt Content v3 integrate with NuxtStudio and LLMs?▼

Nuxt Content v3 integrates with NuxtStudio for preview mode and supports LLMs integration for AI-assisted content workflows. This enables seamless content editing and AI-driven generation directly within your Nuxt 3 environment.

What's the best way to define local and remote content sources in Nuxt 3?▼

The best way to define local and remote content sources in Nuxt 3 is using defineCollection within Nuxt Content v3. This approach supports diverse sources, frontmatter-based identity, and targeted reference loading for dynamic content queries.

Related Skills

Explore More Software Engineering Skills→
danghungtb26danghungtb26
3

project-conventions

Enforce naming and folder structure conventions for React TypeScript admin templates.

Community
Basic
incubrainincubrain
78

nuxt-content

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

Official
Advanced
hipihipi

nuxt_content

Guide Nuxt Content v3 collection definition, querying, and MDC rendering.

Community
Advanced
zzafergokzzafergok
1

markdown-to-html-skill

Convert Markdown documents to HTML using marked.js, pandoc, gomarkdown, or static site generators.

Community
Intermediate