본문 바로가기
next.js

라우팅 하기 in next.js

by 엉덩이가 무거운 개발자 2021. 10. 22.

라우팅을 어떻게 할까 ? 

pages 폴더 안에 있는 건 next.js 로 인해 자동으로 라우팅 해줌.

 No routing libraries are required.

 

Link 문법은 위와 같음
컴포넌트 이름은 다른걸로 가질 수 있다 . 하지만 무조건 default export 로 지정해주어야 한다.

 

넥스트js 는 코드스플리팅을 자동으로 해준다.

Only the JavaScript for /posts/first-post is loaded. 

코드스플리팅?
쉽게 말하자면 각각의 페이지들은 필요한 것들만 로드한다.
https://parkjaeho.tistory.com/130

 

코드스플리팅

코드 스플리팅? SPA 에서 웹사이트가 방대하다고 가정한다면, 컴포넌트가 몇 만개가 될 가능성이 존재한다. 처음 비어있는 index.html 에서 웹팩을 사용해 번들링한 하나의 .js 페이지를 대기하면 페

parkjaeho.tistory.com

넥스트js는 페이지 빠르게 로드하는걸 확신함. 페이지가 99999999 셀수없을지라도.

 

고로, 넥스트 js 는 내 애플리케이션을 자동으로 최적화해줌.


참고 
https://nextjs.org/learn/basics/assets-metadata-css

 

Learn | Next.js

Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more.

nextjs.org

 

 

'next.js' 카테고리의 다른 글

getStaticPaths [동적 라우팅]  (0) 2021.10.25
Pre-rendering  (0) 2021.10.23
next.js에서 css사용해보자  (0) 2021.10.22