[Next.js] Next.js 시작하기

• Next.js란
  • React 기반 풀스택 웹 개발 프레임워크
  • PageRouter, AppRouter
  • Multiple Rendering Types (SSG, CSR, SSR, ISR)
  • TailwindCSS, TypeScript, Optimization(Image, Font, Scripts, Core Web Vitals)
• Next Rendering Methods
  • SSG (Static Site Generation)
    • Build시 미리 생성 (getStaticProps)
  • SSR (Server Side Rendering)
    • 요청(request)시 생성해서 응답 (getServerSideProps)
  • ISR (Incremental Static Regeneration)
    • SSG를 점진적으로 수행 (유효기간, 갱신기간 등)
  • CSR (Client Side Rendering)
    • Client(Browser)에서 JS를 실행하여 화면 처리 (SEO에 불리)
    • SSG, SSR, ISR과 조합하여 실행 (Client Component)
• React Server Components
  • RSC (React Server Components)
  • RCC (React Client Components)