[Next.js] Next.js 배포 시 발생한 문제 ( 'Build optimization failed: found page without a React Component as default export in pages/...' error )

Next.js 프로젝트를 배포하기 위해서 build 중 오류가 발생했다. 

'Build optimization failed: found page without a React Component as default export in pages/...' error

해석해보면 React 컴포넌트가 아닌 것을 export 하는 페이지는 렌더링 될 때 오류를 일으키거나 

빌드 성능을 저하시킬 수 있다고 한다. 

 

한마디로 pages 폴더 안에 React 컴포넌트 외 다른 파일이 존재하기 때문에 발생한 문제였다. 

나같은 경우 styled-components를 사용한 코드를 모아두는 Style.js 파일이 있어서 발생한 문제였다.  

 

해결 방법

간단하게 Style.js 파일을 외부로 이전시켜주는 것으로 해결했다. 

앞으로는 pages는 말 그대로 페이지를 나타내는 용도로 사용하고 실제 내부는 따로 컴포넌트화 시켜서 

관리해야겠다고 생각이 들었다.