nextjs 로컬에서 ssl 로 개발시 hmr(hot module replacement) 동작을 위한 apache 설정 방법

experience

• nextjs로 프로젝트 개발시 로컬에서 ssl 설정이 필요한 경우가 있어, apache로 ssl설정함(apache(reverse proxy) -> http -> nextjs)

​
 hmr 동작을 위한 세팅도 필요하여 찾아보니, 아래와 같이 webpack-hmr도 함께 전달해주면 되는 듯.
​
    ProxyPassMatch ^/(_next/webpack-hmr)$  ws://localhost:3000/$1
​
from : https://github.com/vercel/next.js/issues/30491