Nuxt Studio
Nuxt Studio owns content editing and publishing. Nuxt Content owns collections, queries, parsing, and rendering.
Workflow
- Inspect the installed
nuxt-studio and @nuxt/content versions, deployment mode, repository provider, and authentication provider. Setup is understood when the editor route, Git target, and login callback all point at the same deployment.
- Open the smallest matching guide below and keep collection/schema changes within the
nuxt-content boundary.
- Verify local editing against the filesystem, then verify production login and one publish cycle on an SSR-capable deployment. The work is complete when the commit reaches the configured branch and the rebuilt site exposes it.
Routing
| Task |
Open |
| Install, repository settings, OAuth/custom auth, editor filters, or environment variables |
Configuration |
| Visual/MDC editing, schema forms, drafts, media, or AI assistance |
Live editing |
| SSR deployment, Git publishing, branch strategy, conflicts, or monorepos |
Deployment |
| Collections, validators, queries, hooks, or rendering |
nuxt-content skill |
Baseline
npx nuxt module add nuxt-studio
export default defineNuxtConfig({
modules: ['@nuxt/content', 'nuxt-studio'],
studio: {
repository: {
provider: 'github',
owner: 'your-org',
repo: 'your-repo',
branch: 'main',
},
},
})
NUXT_STUDIO_AUTH_GITHUB_CLIENT_ID=<client-id>
NUXT_STUDIO_AUTH_GITHUB_CLIENT_SECRET=<client-secret>
Studio runs at /_studio by default. Supported CI providers can infer repository metadata, but authentication credentials remain explicit deployment secrets.
1---2name: nuxt-studio3description: Configure and operate the self-hosted Nuxt Studio editor for Nuxt Content. Use when working with nuxt-studio installation, editor customization, OAuth or custom authentication, media, drafts, Git publishing, or production deployment.4license: MIT5---6
7# Nuxt Studio
8
9Nuxt Studio owns content editing and publishing. Nuxt Content owns collections, queries, parsing, and rendering.
10
11## Workflow
12
131. Inspect the installed `nuxt-studio` and `@nuxt/content` versions, deployment mode, repository provider, and authentication provider. Setup is understood when the editor route, Git target, and login callback all point at the same deployment.
142. Open the smallest matching guide below and keep collection/schema changes within the `nuxt-content` boundary.
153. Verify local editing against the filesystem, then verify production login and one publish cycle on an SSR-capable deployment. The work is complete when the commit reaches the configured branch and the rebuilt site exposes it.
16
17## Routing
18
19| Task | Open |
20| ----------------------------------------------------------------------------------------- | -------------------------------------------- |
21| Install, repository settings, OAuth/custom auth, editor filters, or environment variables | [Configuration](references/configuration.md) |
22| Visual/MDC editing, schema forms, drafts, media, or AI assistance | [Live editing](references/live-editing.md) |
23| SSR deployment, Git publishing, branch strategy, conflicts, or monorepos | [Deployment](references/deployment.md) |
24| Collections, validators, queries, hooks, or rendering | `nuxt-content` skill |
25
26## Baseline
27
28```bash
29npx nuxt module add nuxt-studio
30```
31
32```ts
33export default defineNuxtConfig({
34 modules: ['@nuxt/content', 'nuxt-studio'],
35 studio: {
36 repository: {
37 provider: 'github',
38 owner: 'your-org',
39 repo: 'your-repo',
40 branch: 'main',
41 },
42 },
43})
44```
45
46```bash
47NUXT_STUDIO_AUTH_GITHUB_CLIENT_ID=<client-id>
48NUXT_STUDIO_AUTH_GITHUB_CLIENT_SECRET=<client-secret>
49```
50
51Studio runs at `/_studio` by default. Supported CI providers can infer repository metadata, but authentication credentials remain explicit deployment secrets.
onmax