実践評価
Nuxt UI docs テンプレートの実装で得た所感と、日付付きの検証可能な事実です。
実践評価
この評価は 2026-07-19 に再調査・再ビルドしました。所感はこの実装から、 バージョンと機能の事実は外部から確認できる情報から分けて記載します。
実装して得た所感
- 公式テンプレートは新しいサイト生成抽象層ではなく、実用的な Nuxt アプリの設計図です。 動作が Vue ファイルに見えるため変更しやすい反面、意見の強いテーマよりローカルコードは増えます。
- ヘッダー、レスポンシブなサイドバー、目次、前後リンク、検索、カラーモードという Nuxt UI の docs 部品は少ない独自 CSS で自然に組み合わせられました。
- 公式テンプレートにはコンテンツ i18n 一式がありません。
/enと/jaのツリー、 パスの絞り込み、HTML の言語属性、切替ボタンはこのサンプルで追加しています。 - 静的出力は、サブパスの
baseURL、明示的プリレンダールート、ディレクトリ形式を 設定すると安定して生成できました。
検証可能なスナップショット
| 項目 | 確認した事実 |
|---|---|
| テンプレート | 公式 nuxt-ui-templates/docs リポジトリ |
| UI | @nuxt/ui ^4.10.0。確定版は Bun ロックファイルに記録 |
| コンテンツ | @nuxt/content ^3.15.0 とファイル由来ナビゲーション／検索データ |
| フレームワーク | Nuxt 4 と Vue 3。nuxt generate で静的生成 |
| 検索 | テンプレートは queryCollectionSearchSections と UContentSearch を使用 |
| i18n | 現行公式テンプレートの package.json に i18n モジュールはなく、このサンプルでパスを実装 |
| 出力 | .output/public に日英38文書を index.html 形式で生成 |
選定のまとめ
Nuxt UI の洗練された部品を使いながら通常の Nuxt アプリを直接所有したいチームに適します。 より多くをレイヤーへ任せるなら Docus、依存やクライアント JavaScript を最小化したいなら 小規模な SSG も比較すべきです。