Advanced Nuxt Content Features

Now that you're familiar with the basics, let's explore some advanced features of Nuxt Content.

Front Matter Magic

The metadata you see at the top of this file (between the --- markers) is called front matter. You can add any custom fields you want:

• title and description for SEO
• publishedAt for sorting by date
• tags for categorization
• featured for highlighting special content

Querying Content

The real power comes from querying your content:

// Get all blog posts
const posts = await queryCollection("content")
  .where("_path", "startsWith", "/blog")
  .all();

// Get featured posts only
const featured = await queryCollection("content")
  .where("featured", true)
  .sort("publishedAt", -1)
  .all();

// Get a single post
const post = await queryCollection("content").path("/blog/second-post").first();

Navigation & Structure

You can build complex navigation structures:

content/
├── index.md
├── blog/
│   ├── first-post.md
│   └── second-post.md
└── docs/
    ├── getting-started.md
    └── api/
        └── reference.md

Components in Markdown (MDC)

With MDC, you can use Vue components directly in your Markdown:

::alert{type="success"}
This is a success alert!
::

What's Next?

• Explore the full Nuxt Content documentation
• Try adding your own content
• Build something amazing!

This post demonstrates advanced features available in Nuxt Content v3.