문제

• 배포 서버에서 확인해 보고 싶어서 build 하는데 오류

원인

• page 폴더 안에 page가 아닌 파일이 들어 있어서 오류가 난 것

해결

1. next.config.js에 pageExtensions 추가

• pageExtensions: ['style.tsx']
• build는 성공했는데 npm start 하니 바로 404 error

1. style 파일을 다른 폴더로 옮기기

• page 폴더 내 style.tsx 삭제 후 styles 폴더로 옮김

• npm run build - npm start 하니 정상 작동!!

참고자료

Custom Page Extensions

https://nextjs.org/docs/api-reference/next.config.js/custom-page-extensions