とある Nuxt.js 案件の本当にあった怖い話。

これまで 15件以上 Vue.js 案件のコンサルティングと開発に携わってきた内の 1つ、某スタートアップでの Nuxt.js 開発案件は、参加した時点で既にメンテナンス不能状態となっていました。

例えば、以下のような問題です。

• ページをまたがるグローバルなストアが混沌としている
• 関係ないページ用のストアの冗長なロードが起きパフォーマンスが悪い
• SEO が重要にも関わらずサーバーサイドレンダリングを導入できていない
• Firebase 認証に関連し一部のユーザーが永遠にログインできない致命的なバグの発生
• ページ遷移時の UI チラツキが頻発
• など

なぜそのようなことが起こってしまったのでしょうか？結果的に、サービスの質の低下に繋がってしまう状況が続き、改善のプロセスを早急に見出していく必要がありました。開発チームの体制の問題もありましたが、現在進行形でコード・設計レベルで改善を行っています。

本セッションでは、本案件を通じて得られた「Nuxt.js バッドプラクティス」の知見と改善方法提案を紹介します。