My First Blog Post

Welcome to my first blog post using Nuxt Content! This is an example of how easy it is to create content-driven applications.

Getting Started

Creating content is as simple as writing Markdown files. Here's what makes it great:

1. Simple: Just write Markdown
2. Powerful: Query with a flexible API
3. Fast: Built on Nitro for optimal performance

Code Examples

You can include code snippets with syntax highlighting:

<template>
  <div>
    <h1>{{ article.title }}</h1>
    <ContentRenderer :value="article" />
  </div>
</template>

<script setup>
const { data: article } = await useAsyncData("article", () =>
  queryCollection("content").path("/blog/first-post").first(),
);
</script>

Rich Content

You can use all standard Markdown features:

• Bold text
• Italic text
• Inline code
• Links

Blockquotes work too!

Tables

Conclusion

Nuxt Content makes building content sites a breeze. Give it a try!