Studio Module screenshot

Studio Module

Author Avatar Theme by Nuxtlabs
Updated: 16 Jan 2025
124 Stars

Edit Nuxt Content website with a visual editor, in production.

Categories

Overview

The Nuxt Studio Module is the official module of Nuxt Studio that allows users to edit websites created with Nuxt Content in production on any device. This module provides a range of features to enable live preview, content editing, and configuration updates on the go.

Features

  • Production live preview: View your website in production mode.
  • Edit your content: Easily make changes to your website’s content.
  • Update your configs: Modify and update your website configurations.

Installation

To install the Nuxt Studio Module, first add the dependency to your project:

npm install @nuxt/studio

Next, register the module in your nuxt.config.ts:

export default {
  modules: ['@nuxt/studio'],
}

Summary

The Nuxt Studio Module is a powerful tool that allows users to make real-time edits to websites built with Nuxt Content. With features like live preview, content editing, and configuration updates, this module provides a seamless experience for website management and customization. Installation is straightforward, and by following the provided steps, users can easily integrate the module into their projects.