Meet Studio, content edition
for everyone.
Nuxt Studio brings visual editing to your Nuxt Content projects. Anyone can contribute to the website thanks to our versatile editor that adapt to markdown, YAML, or JSON. No technical expertise needed. Built for developers, made for everyone.
Developers create the editing experience
Developers build the foundation their way: custom components, media library, and site configuration.
<script setup lang="ts">
defineProps({
icon: {
type: String,
default: 'i-ph-cursor-click',
},
})
</script>
<template>
<div class="flex items-start gap-3">
<div class="flex items-center justify-center border rounded-lg p-1.5">
<UIcon :name="icon" />
</div>
<div class="flex flex-col">
<h3 class="font-semibold">
<ContentSlot name="title" />
</h3>
<span>
<ContentSlot name="description" />
</span>
</div>
</div>
</template>
::home-feature
---
icon: i-mdi-vuejs
---
#title
Embedded Vue components
#description
Edit slots and props inside the Notion-like editor.
::
Let anyone edit your Nuxt Content website
Teams and clients get a powerful visual editor for content management, from text edition to media management - all without touching code.
YML
and JSON
filesEdit together , preview instantly
Edit content as a team and see your site come to life with live preview. From text editing to component updates, every change reflects your final website design. Experience seamless content creation without delays or manual refreshes.
The best way to edit your Nuxt Content website
Import your Nuxt Content website and invite your team to collaborate today.