CSSが反映されない【Next.js】

はじめに

友人とNext.jsで開発中にUIの不具合が発生しました。

問題

友人の環境では想定通り表示されているUIが自分の画面だと崩れている。ソースコードはGitで管理しているので同じ。

解決方法

1. .nextフォルダを削除

2. 開発サーバーを再起動

npm run dev

おわりに

.next内のキャッシュが原因でした。今までキャッシュを意識したことがなかったのでいい経験になりました。
また、これまではソースコードが同じだから挙動も同じになるという思い込みがありました。今後環境差異が出ることがあればGitの追跡対象外のコードを疑ってみようと思います。