Don't miss Vue.js Amsterdam in March 2025! Save 10% with code NUXT.

studio
@nuxthq/studio

A new experience to build content-driven website with Nuxt.

Nuxt Studio Module

Official module of Nuxt Studio.

Edit your websites made with Nuxt Content, in production on any device.

📖  Official Documentation

Features

Installation

Install the dependency to your project:

npx nuxi@latest module add studio

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

export default defineNuxtConfig({
  modules: [
    '@nuxthq/studio'
  ]
})

Configuration

Check out our setup requirements.

By default the Studio API is https://api.nuxt.studio. If you want to customise it, you can set the STUDIO_API environement variable.

# .env
STUDIO_API=http://localhost:{PORT}

Nightly Builds

You can install the latest nightly build of the Studio module by running:

npx nuxi@latest module add studio

Development

  • Run pnpm i to install dependencies.
  • Run pnpm dev:prepare to prepare the module in development mode.
  • Run pnpm dev to start the dev server using playground/ as the project.
  • Visit http://localhost:3000/

License

MIT License

Copyright (c) NuxtLabs