NextJS practice

2024 version 14 Update

• 두 가지 router로 분기
  • app router와 pages router
  • app router와 pages router를 같이 사용해도 됨
  • 버전 업그레이드를 해도 router와 optimization은 동일하게 작동.

pages와 app의 차이점

• app router에서는 data fetching, routing 방법이 바뀜
  • getStaticProps, getServerSideProps, getStaticPaths 사라짐

log

• 라이브러리/프레임워크 차이점

• CSS Module

  • CSS Modules(style)
  • styles JSX
  • Custom App CSS

• Link

  • Link 안에 a 태그를 넣는 이유

• pages

• getServerSideProps

• dynamic routes

  • 폴더 안의 페이지를 노출시키고 싶을 때
  • url에 변수를 넣고 싶을 때(ID 값)
  • router.push

• Catch All URL

• custom

  • 404 페이지 커스텀
  • Base layout(custom app)
  • Layouts
  • Head (next/head)

• next.config.js

• routes

  • Redirects (URL변경됨)
  • Rewrites (URL변경되지 않음)