🚀

Docker + Next.js + Apache でホットリロードが効かなくてハマったのでメモ

2022/10/29に公開約300字

前提

Next.js開発用コンテナとNext.jsアプリへの接続をリバプロするためのApache用のコンテナを立てたとき

症状

Next.jsのホットリロードが動作しない

原因

ホットリロードにwebsocketを使っているため、Apacheがwebsocket通信をNext.js開発用コンテナにリバプロできていない

解決方法

httpd.confに

httpd.conf
ProxyPassMatch ^/(_next/webpack-hmr)$ ws://${Next.js開発用コンテナのホスト名}:${Next.js起動ポート番号}$1

を追加する

Discussion

ログインするとコメントできます