[Next.js] Vercel 오류 및 Next.js 구조

Next.js로 프로젝트를 만든 후에 Vercel로 배포하려고 했는데 계속 에러가 났다...

아직도 생각하면 잠이 안오는...^^

npm run dev로 하면 local로는 열리는데, 배포할 때 오류가 생겼다.

구글링해서 하라는 거 다 했는데도 되지 않아서 왜지? 싶었다.

고치려고 노력했으나 되지 않았고, 그냥 무시하고 진행했다.

 

그러다가 오늘 할 거 다 해서, 다시 한번 시도했는데, 드디어 에러를 해결했다.

정말 간단한 실수때문에 일어난 일이었는데, 헛짓거리를 했기에

나같은 사람이 다시 없길 하는 바람에서 글을 작성한다.

~intro는 여기까지~

 

 

npm run build --prod

명령어 입력하면, 어디서 오류가 났는지 알려주고, 친히 링크까지 알려준다.

링크들어가서 오류 해결하는게 제일 빠른 방법

 

 

page-without-valid-component | Next.js (nextjs.org)

page-without-valid-component | Next.js

내가 index빼고 모두 components 파일안에 넣어뒀는데,

Next.js는 어디에 뭘 넣어야 하는지 대충 정해져 있었다는 것을

이번에 깨닫게 되었다.

~그래서 Next.js의 기본적인 구조를 정리하고자 한다~