Nuxt2からNuxt3へのアップデートと合わせて、単調だったWebサイトのデザインをリニューアルしました。
Nuxt3に対応したカルーセルのプラグインなどが見つからなかったので、カルーセルにはぜず、画像をFlickrから取得した後、ランダムに選択したものを背景画像として使い、ぼかした状態をループさせて変化をつけるような表現にしてみました。
Nuxt3自体の機能を活用すればAPIをstateで連携させてSPAでいい感じにできたりもするのですがひとまずはSEO対策もかねて静的なページで作成しております。
Nuxt、Nuxt3を選んだ理由
JavaScriptベースでコンポーネント化やAPIとの連携をしつつ、できる限り少ないファイル構成で簡単に静的ページのサイトを作成するためにNuxtを使っています。
より複雑なページ関連系などが必要な場合はReactの方が扱いやすいのですが、個人事業でコンテンツの種類も少ないのでVueベースでパブリッシュまで行えるNuxtを採用しています。