npx create-next-app
pages : 가장 중요함 → 파일 기반 라우팅을 실제로 실행하는 곳임.
public : 페이지에서 사용할 이미지 같은 공용 리소스
style : 스타일 파일
메인 페이지
목록 페이지
상세 페이지가 필요하다.
index.js
는 도메인 뒤에 아무것도 붙이지 않으면 이 페이지가 불러와진다. index.html
같은 루트 페이지라고 생각하면된다.<aside> 💡 아무것도 안했는데 서버사이드 렌더링이 되어있다 → 페이지 소스 확인해보면 HTML요소가 작성되어있다. ( 서버에서 사전 렌더링을 했다.) → 기다리는 동안 페이지가 깜박거리지 않는다.
</aside>
index.js
something-important.js