Nuxt を採用する理由

Nuxtは、Vue.jsを使ってWebサイトやWebアプリケーションを作るためのフレームワークです。画面をサーバー側であらかじめ組み立てて配信する仕組み、ファイル構成に基づいたURL設計、データ取得の共通化などを備えており、Vue.jsだけでは自分で組む必要があった部分をまとめて提供します。ReactにおけるNext.jsと同じ役割を、Vue.jsの世界で担うものと考えるとわかりやすいでしょう。検索エンジンに内容を正しく伝えたいWebサイトや、ログインを伴うWebアプリケーションの画面で使われています。

弊社では、Nuxtで構築された既存システムの引き継ぎと、Vue.jsを前提とした案件の新規開発でNuxtを採用しています。Vue.jsで画面を作る場合、サーバー側での画面生成やURL設計を自前で整えるより、Nuxtの作法に沿うほうが構成が標準化され、後から読み解きやすくなります。他社で開発されたNuxtのシステムを引き継ぐ場合も、この標準化のおかげで構成の把握が比較的容易です。弊社の新規開発ではNext.jsを基本にしていますが、お客様の社内にVue.jsの知見がある場合や、既存のVue.jsの資産を活かしたい場合にはNuxtをご提案します。Laravelなどで作ったAPIと組み合わせる構成はNext.jsの場合と同じで、画面とサーバーの役割を分けて開発できます。

Nuxtは大きな版の切り替えで構成や記述方法が変わった経緯があり、古い版のシステムを引き継ぐ際は、使われている版と周辺モジュールの対応状況の確認から始めます。Vue.js本体の版とも連動するため、更新は両方を合わせて計画します。移行が必要な場合は公式の移行ガイドに沿って進め、ステージング環境で主要な画面の表示と操作を確認してから本番に反映します。長く更新されていないプロジェクトは、まず依存関係の棚卸しとビルド環境の再現から着手するのが安全です。