* Next : React위에서 돌아가는 프레임워크, 서버기능도 제공
npx create-next-app@latest 로 설치 하면,
npm run dev 로 실행가능하다.
(+ 주의사항 : node.js 업데이트 해야함, you are using node.js 18.14.0. for next.js, node.js version >= v18.17.0 is required.라고 떠서 https://nodejs.org/en 들어가서 업데이트 해줬다.)
Node.js
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
nodejs.org
- app router?
pages router의 부족한 점을 개선,
디렉토리 기능이 달라짐졌고 레이아웃 기능 있음
페이지별 권한 체크 (미들웨어로 쉽게 가능)
리액트 18버전(서버컴포넌트) 사용이 가장 큰 차이
-> 넥스트 서버에서 리액트를 미리 렌더링 해서 클라이언트로 데이터 보내줄때는 완성된 html을 미리 보내줌
(html 로딩 시간이 줄어들었고, js용량도 줄어드는등 여러 이점 but, 서버에 부담 -> 넥스트에서 서버쪽에 캐시 적극 활용)
'개인공부 > next' 카테고리의 다른 글
| SEO (Search Engine Optimization), 검색 엔진 최적화 (0) | 2023.12.30 |
|---|---|
| 정적 라우팅과 동적 라우팅 slug, generateStaticParams (0) | 2023.12.29 |
| 렌더링 방식(CSR, SSG, ISR, SSR)과 Next.js의 Hybrid Web App (0) | 2023.12.27 |
| Next.js 공부 (1) (0) | 2023.12.14 |
| React와 Next 차이 (0) | 2023.07.20 |