新しいウェブサイト
Nuxt.com は、Nuxt を学習したい場合の主要なエントリポイントです。毎月30万人以上が訪問しているため、新しい外観と使い心地を提供することにしました。
新しいデザイン
Nuxt のオリジナルの色、ネイビーの背景色（#020420）と特徴的なシャイニーグリーン（#00DC82）に戻しました。
すべての公式ドキュメントで一貫性のあるデザインを実現したかったのです。
この新しいデザインを気に入っていただけると嬉しいです。これは、ウェブサイトに今後予定されている多くの改善の第一歩にすぎません。
改善されたナビゲーション
今後は、5つの主要なドキュメントカテゴリ間を簡単に移動できます。
右側には、目次とコミュニティショートカット（このページを編集、Discordでチャットなど）が表示されます。
ソースコードボタン
Nuxt の組み込みコンポーネント、コンポーザブル、ユーティリティ、コマンド、kit ユーティリティを表示しているときに、ボタンをクリックするとソースコードにジャンプできます。
改善された検索機能
CMD+K を押すと新しいモーダルが表示されることに気づくかもしれません。Nuxt UI の <CommandPalette> コンポーネントと Nuxt Content データ（検索とナビゲーション）を組み合わせて、より良い検索体験を提供します。
コマンドパレットでは、次のことができます。
- ページにジャンプする
- ドキュメントを検索する
- モジュールを検索する
- カラーモードを切り替える
今後、さらに多くのコマンドを追加する予定です。
Nuxt UIへの移行
新しいウェブサイトは、Nuxt用に調整され、Tailwind CSS および Headless UI の上に構築されたUIライブラリである Nuxt UI を利用しています。
このウェブサイトでは、Nuxt UI をベースに構築され、美しく応答性の高い Nuxt アプリケーションを数分で作成できるプレミアムコンポーネントのセットである Nuxt UI Pro も使用しています。
<UHeader>、<UFooter>、<ULandingHero>、<ULandingCard>などのコンポーネントが含まれています。
この 移行 は、Nuxt UI & UI Pro を改善し、いくつかのバグを修正する絶好の機会でした。コードの変更は +9,004 / -23,113 行になりました。
Open Graph画像
ソーシャルメディアでリンクを共有する際にカスタム画像を使用することを好んでいます。そのため、すべてのドキュメントページに OG 画像を追加しました。
GitHubで入手可能
ウェブサイトがオープンソースになり、GitHub で公開されたことを発表できることを誇りに思います。
今後の予定
この新しいウェブサイトは、今後予定されている変更の始まりです。その一部は次のとおりです。
- チームとコントリビューターのページ
- Nuxt のすべての可能性を紹介する統合ページ：ホスティング、CMS、データベースなど
- 公式およびコミュニティのスターターをリストするテンプレートページ（現在 nuxt.new）
- その他
Twitter、Discord、または GitHub でのフィードバックをお待ちしております。.
このブログ投稿をお読みいただきありがとうございます。そして、楽しい Nuxting を 🤟