next.js의 page lazy loading질문

[김민석]

일반적으로 react던 next.js던 spa이기 때문에 초기로딩시간이 오래걸린다는 단점이 있는데 
완전하게 해결하는 것은 불가능 하겠지만 조금이라도 줄이고자하는 해결책중에 하나로 
next.js를 사용하지않고 일반 react를 사용할때는 아래 사진과같이

router을 선언할때 제일 초기에 보여질수 있는 App컴포넌트나 에러 컴포넌트를 제외하고는 모두 
lazy load를 사용하여 사용자가 해당 페이지에 방문할때 컴포넌트를 load해오는 방식으로 개발을 했었습니다.
하지만 next.js는 app이나 pages폴더안에 경로에따라 페이지를 매핑해주는데 제가 위에올린 사진처럼 
사용자가 방문하거나 필요한 순간에만 컴포넌트를 load하는 방식이 따로 있는지 궁금합니다.

[codingapple]

nextjs는 기본적으로 페이지방문하면 그 페이지에 필요한 js파일만 받아옵니다

[김민석]

그럼 일반react처럼 모든 페이지에 필요한 js를 전부 받아오는 것이 아닌 nextjs는 메인페이지에방문하면 
메인페이지에 필요한 js파일만 받아온다는 것인가요?

[codingapple]

넴 Link태그때문에 preload 기능 켜있으면 다른페이지도 올수도요

[김민석]

감사합니다!~

[글쓴이]

글