Nuxt Studioは、Nuxt Contentウェブサイト向けのコンテンツ管理ソリューションであり、無料かつオープンソースのセルフホスト型モジュールとして公開された。今回のリリースは、従来のホスト型プラットフォームから完全なセルフホスト方式への転換を示し、開発者は外部依存なしにコンテンツ編集インフラを完全に制御可能になったのである。
Nuxt Studioは、開発者とコンテンツ制作者の間のギャップを埋めることを目的とした機能群を導入している。このモジュールは、Notionに似たビジュアル編集体験を提供し、MDCコンポーネントを完全にサポートしている。これにより、ユーザーはVueコンポーネントを挿入し、プロパティを視覚的に編集し、プロダクションサイト上でコンテンツブロックをドラッグアンドドロップで操作できる。
開発者体験における重要な機能として、リアルタイムプレビュー機能がある。これにより、コンテンツ編集者はプロダクションウェブサイト上で変更内容を即座に確認できる。下書きの変更は、公開準備が整うまでブラウザ内にローカル保存され、公開時にはGitHubまたはGitLabへ直接コミットできる。このGit連携により、すべてのコンテンツ変更はコード変更と同じCI/CDパイプラインを通過し、単一の信頼できる情報源が維持される。
導入を開始するには、開発者は次のコマンドでプロジェクトにモジュールをインストールできる。
npx nuxt module add nuxt-studio このモジュールには、publicディレクトリ内のファイルを管理するための集中型メディアライブラリも含まれている。フォルダの参照、ファイルのアップロード、画像のコンテンツへの直接挿入が可能だ。認証は柔軟なOAuthプロバイダーによって処理され、GitHub、GitLab、Googleをサポートしており、カスタム認証フローの実装も可能である。インターフェース自体は完全なi18nをサポートしており、英語、フランス語、ドイツ語、スペイン語、日本語、中国語、その他多数の言語で翻訳が提供されている。
ホスト型Nuxt Studioプラットフォームから移行する開発者にとって、そのプロセスは容易である。公式の移行ガイドによれば、移行はモジュールのインストール、認証プロバイダーの設定、Nuxt Content設定から従来のプレビューキーを削除することで完了する。コンテンツは常にGitリポジトリ内に存在していたため、ホスト型エディタからセルフホスト版へ切り替えても、デプロイ済みサイトには影響がない。MasteringNuxtは、この移行によって制御性が向上し、コストがゼロになることで障壁が取り除かれると述べ、プロジェクトにとって正しい方向性だと評価している。
GitベースCMSの分野において、Nuxt StudioはTina CMS、Decap CMS、Static CMSといったソリューションと競合している。LogRocketによる比較では、Nuxt Studioはあらゆる種類のNuxtベースウェブサイトに最適だと位置付けられている一方で、Tina CMSのようなフレームワーク非依存の代替手段とは特性が異なる点が指摘されている。Tina CMSは、高度なメディア処理やカスタムフィールドコンポーネントを備え、大規模プロジェクトをサポートしている。
最近、redditにおいてエンドユーザー体験について尋ねる投稿があり、次のような返信が寄せられた。
意図は評価できるが、実装はユーザーフレンドリーさに欠けています。
問題となる具体例を挙げた。
サイドバーUIがページやエディタの更新と常に同期していません。エディタでのコンポーネント挿入方法が直感的ではありません。利用可能なpropsの選択肢をユーザーが把握しにくいです。編集不可のページを除外する方法がありません。明示的なエディタ除外設定があるべきです。UI設定ファイル、つまりテーマの変更ができません。特定ページを編集する意図がなくても、ページ読み込み時にエディタが内容を整形し削除する傾向があります。YAMLよりMDファイルの方が編集しやすいです。ドキュメントのステータス、下書きから公開への管理がありません。リビジョン履歴がありません。AI機能が明示的に使用していなくてもUIに強制的に表示されます。AI機能はVercelのみを使用しています。
別のスレッドでは、PRを伴うブランチサポートについてユーザーから質問があった。
しかし私が不足していると感じているのは、プルリクエストによるブランチサポートを約束していた点です。Nuxt Contentの大きな欠点は、すべてがmainのプロダクションブランチで動作していることです。
これに対し、Nuxtの開発者であるSebastien Chopin氏は次のように回答した。
ロードマップには含まれます。私自身もドキュメントを編集するために必要です。
Nuxt Studioは、Nuxt社のチームによって開発されたオープンソースのコンテンツ管理モジュールである。MITライセンスの下で公開されており、Nuxt Contentを拡張してプロダクションウェブサイト上で直接ビジュアル編集機能を提供する。このモジュールは、Gitベースのワークフローとモダンな開発者体験を維持しつつ、コンテンツインフラを完全に制御したいチーム向けに設計されている。