Nuxt Studio

When to Use

• Installing and configuring

  nuxt-studio

  module
• Authentication providers (GitHub, GitLab, Google OAuth, SSO, custom)
• Git provider setup (GitHub, GitLab, branch config)
• Visual content editing (MDC components, YAML/JSON forms, frontmatter)
• Media management (public dir, NuxtHub blob, S3, R2)
• Publishing flow (draft layer, conflict detection, CI/CD rebuild)
• AI-powered content assistance (Vercel AI Gateway)

nuxt-content

nuxthub

nuxt

Available Guidance

• references/configuration.md - Module setup, auth providers, Git providers, environment variables
• references/live-editing.md - Visual editor, media management, MDC components, AI features
• references/deployment.md - SSR requirements, Git publishing, branch strategies, CI/CD

Loading Files

• references/configuration.md - if installing, configuring auth/git providers, or setting env vars
• references/live-editing.md - if working with content editor, media, components, or AI features
• references/deployment.md - if deploying, configuring branches, or troubleshooting publish flow

Key Concepts

/public

Quick Start

npx nuxt module add nuxt-studio

// nuxt.config.ts
export default defineNuxtConfig({
  modules: ['@nuxt/content', 'nuxt-studio'],
  studio: {
    repository: {
      provider: 'github',
      owner: 'your-username',
      repo: 'your-repo',
      branch: 'main',
    },
  },
})

# .env
STUDIO_GITHUB_CLIENT_ID=<client_id>
STUDIO_GITHUB_CLIENT_SECRET=<client_secret>

https://your-site.com/_studio

Official Documentation

• Nuxt Studio: https://nuxt.studio
• Setup: https://nuxt.studio/setup
• GitHub: https://github.com/nuxt-content/nuxt-studio

Token Efficiency