[NEXT.js] 넥스트 JS를 배워보자 1편 - Pre Rendering

예전부터 꼭 배워보고 싶은 Next JS 프레임워크에 드디어 입문했다. 여태까지 관리자 페이지나 랜딩페이지를 만들다 보니 CSR(Client Side Rendering)로도 충분했지만 현재 SEO과 원할하게 이루어져야 하는 프로젝트에 투입되어 SSR을 지원하는 넥스트 JS를 배우고 있다. React 자체적으로도 SSR (서버 사이드 렌더링)이 가능하긴 하지만 생각보다 복잡하기 때문에 이왕 배우는 거 넥스트 JS를 배우고 있다. 일단 CRA(Create React App)처럼 create-next-app으로 간단하게 넥스트앱 프로젝트를 생성할 수 있다 npx create-next-app # 또는 yarn create-next-app 폴더 구조 .next build/배포 시 필요한 파일들이 담겨있는 폴더 c..

2022.02.19