[Next]

렌더링 전략이란 웹 페이지 또는 웹 애플리케이션을 웹 브라우저에 제공하는 방법을 의미합니다. 기존 리액트에서 제공하지 않았던 SSG와 ISR을 이용하여 보다 혁신적인 웹 페이지를 구상할 수 있습니다.

해당 글은 Next 13 이전 버전을 기준으로 작성하였습니다. Next.js는 파일 시스템 기반의 라우터를 사용합니다.

기존에 사용하던 react.js의 경우 Babel을 이용하여 컴파일을 하였습니다. 하지만 Next.js의 경우 SWC 가 기본으로 탑재되어있는데요. Next.js를 공부를 시작하면서 Babel과 SWC 의 차이점을 정리합니다.Babel 은 자바스크립트의 컴파일러입니다.

Next 13버전에서는 App 디렉토리 신규로 추가되었습니다. App 디렉토리를 사용시 폴더 구조와 Data Fetch 방법들이 달라졌습니다.

Next.js를 알아보기 위해 공식 홈페이지에 있는 튜토리얼을 뿌셔봅니다.

Next-JS는 리액트, 뷰와 같은 라이브러리가 아닌 프레임워크입니다. 따라서 프레임워크에서 정해진 규칙대로 설계하고 작성해야합니다. 파일 기반 라우팅 시스템이 뭔지, 왜 해야하는지, 어떻게 하는지에 대해서 정리합니다.

웹 프레임워크인 Next.js의 파일 컨벤션을 이해하고 Next.js 파일들을 만들어 효율적인 설계를 하기 위한 정리글