<aside>
목차
</aside>
Next.js 란?<aside> 📖
“소규모 풀스택 개발에 최적화된 가능한 웹 프레임워크” 이다.
서버사이드 렌더딩이 큰 특징이다.
React와 유사한 문법으로 더 현대적인 웹 서비스 구현 가능
서버에서부터 html을 최적화하여 웹으로 전달 가능하기 때문에SEO(검색엔진) 최적화에 대한 이점을 갖는다.
소규모 프로젝트의 경우, 별도 서버 구축 없이 Next.js 만으로 API 구현이 가능하다. </aside>
프로젝트 생성
<aside> ✏️
next.js의 폴더는 route 구조와 동일하게 동작한다.
React에서는 폴더명에 대한 제한사항이 없었지만
next.js에서는 폴더명을 통해 라우팅(URL) 경로 매핑을 한다. 따라서 폴더명을 정확히 작성해야 한다.
ex) 폴더구조에 따른 라우팅 경로 </aside>
page.tsx(js)layout.tsx(js)route.ts(js)LinkNext.js 페이지 라우팅