Content Technical Details
This document provides technical details about the basic Content Management feature.
Nuxt Content
The system is built on Nuxt Content, utilizing a Git-based headless CMS approach.
Content Structure
Content is located in the content/ directory of the project. It supports Markdown (.md), YAML (.yml), and JSON (.json) files.
content/
├── 1.home.md
├── 2.about.md
└── blog/
└── my-post.md
MDC Syntax
We support MDC (Markdown Components), allowing you to use Vue components directly inside Markdown.
Example:
# Hello World
::alert{type="success"}
This is a Vue component rendered inside Markdown!
::
Querying Content
Content can be queried using queryContent() composables.
const { data } = await useAsyncData('home', () => queryContent('/').findOne())
Details
Our Content Management feature is designed to be powerful yet simple, giving you the tools to manage a modern website.
Overview
Tailor your website's experience based on where your visitors are located. Our Regional Content module automatically detects a user's country and allows you to display specific content, pricing, or offers relevant to them.
