pages

nextJS에선 pages에 있는 파일의 이름을 가져다가 url의 이름으로 사용한다.

그래서 about.js라는 파일을 만들고 그 안에,

export default Potato() {
	return ()
}

이런 식으로 Potato라는 컴포넌트이름을 지어도 그닥 중요하지 않다. 우리에게 중요한 건 파일이름이다.

 

몇 가지 예외상황으론, index.js가 /index가 아닌 기본 페이지 즉, 앱의 홈이라는 것이다.

 

그리곤, 컴포넌트에선 리액트를 import해오지 않아도 JSX를 사용할 수 있다. 하지만, state이런걸 사용할 땐 import해야한다.