studio
@nuxthq/studio

Nuxt を使ってコンテンツ駆動型ウェブサイトを構築するための新しい体験。

Nuxt Studio モジュール

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://:{PORT}

ナイトリービルド

以下のコマンドを実行することで、Studio モジュールの最新のナイトリービルドをインストールできます。

npx nuxi@latest module add studio

開発

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

ライセンス

MITライセンス

Copyright (c) NuxtLabs