코딩/Next.js

[Next] 서버사이드의 폴더 경로 사이트 페이지 방식

카슈밀 2021. 12. 19. 02:00
반응형

Next.js의 경우 서버사이드이다.

기존 react와 다르게 크롤링을 위해서 서버에 요청시 모든 페이지를 로딩한다.

즉 검색 기능에 노출되기 쉽다.

 

그리고 또한 page를 기존 React의 경우 페이징을 위해 무조건 쓰는

React router v5 기준 Switch, v6기준 Routes를 쓰지 않는다.

pages

ㄴindex.js // domain.com/ 과 같은 상황

ㄴnews

  ㄴ index.js // domain.com/news

  ㄴnews/id

    ㄴindex.js  // domain.com/news/id

이러한 구조로 폴더별로 경로를 설정할 수 있어서 매우 좋다.

즉 편리하다 이말이여~

기존에는 라이브러리를 일일히 호출하고 이를 넣어서 경로 잡아야 했는데, 그런게 없으니 ㅎㅎㅎㅎㅎ

import React from 'react'도 기본호출로 되어 있어 이를 생략해도 된다.

 

무진장 편하네.

728x90