---
title: "Nuxt minimal"
description: "A minimal Nuxt example that renders different content formats with Comark Content."
canonical_url: "https://content.comark.dev/examples/framework/nuxt"
---
# Nuxt minimal

> A minimal Nuxt example that renders different content formats with Comark Content.

One landing page, four content formats, one component library.

- `YAML` and `JSON` are data bound straight into a template.
- `Markdown` and `json-render` specs both parse to a Comark AST and render through `<MarkdownDocument>` with the same components map.

Switch formats from the header.

It also doubles as the **bundled-serverless harness**: `pnpm build` writes a snapshot, Nitro bundles
it as a server asset, and the built server keeps serving every page and `/api/content/**` with the
`content/` directory deleted.

::tip{to="https://content.comark.dev/deployment/with-a-snapshot#nuxt"}
Setting up your own app? Follow the [Nuxt integration guide](https://content.comark.dev/integrations/nuxt).
[Deploy with a content snapshot](https://content.comark.dev/deployment/with-a-snapshot#nuxt) covers this deployment shape and
the cold-start check.
::

::code-explorer
```yaml [props]
org: comarkdown
repo: comark-content
path: examples/nuxt/minimal
defaultValue: server/utils/content.ts
```
::

::browser{src="https://comark-content-nuxt.vercel.app"}
::


## Sitemap

See the full [sitemap](https://content.comark.dev/sitemap.md) for all pages.