Nuxt Nationカンファレンスを開催します。11月12日から13日までご参加ください。

studio
@nuxthq/studio

Nuxtでコンテンツ主導型のウェブサイトを構築するための新しいエクスペリエンス。

Nuxt Studio Module

Nuxt Studioの公式モジュール。

本番環境において、Nuxt Contentで作成したウェブサイトをあらゆるデバイスで編集できます。

📖  ドキュメント

特徴

インストール

依存関係をプロジェクトにインストールします

npx nuxi@latest module add studio

次に、モジュールをnuxt.config.tsに登録します

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

構成

セットアップの要件を確認してください。

Studio APIの初期設定はhttps://api.nuxt.studioです。カスタマイズしたい場合は、STUDIO_API環境変数を設定できます。

# .env
STUDIO_API=https://127.0.0.1:{PORT}

Nightlyビルド

次のコマンドを実行して最新のNightlyビルドのStudioモジュールをインストールできます

npx nuxi@latest module add studio

開発

  • pnpm iを実行して、依存関係をインストールします。
  • pnpm dev:prepareを実行して、モジュールを開発モードで準備します。
  • pnpm devを実行して、playground/をプロジェクトとして使用して開発サーバーを起動します。
  • https://127.0.0.1:3000/にアクセスします。

ライセンス

MIT ライセンス

Copyright (c) NuxtLabs