Next.js version 12

Yooncastle·2022년 7월 30일
0

Rust 컴파일러

큰 웹사이트 컴파일 시간 多
더 빠른 Rust 기반의 새로운 컴파일러(swc) 도입

swc를 바벨과 비교하면 17배 더 빠름

미들웨어

요청이 완료되기 전에 코드를 호출

기존 api 라우팅에서 미들웨어를 사용할 수 있게 된 듯

ES 모듈 기본 지원

동적 URL 불러오기

중앙 저장소에서 패키지를 가져오는 대신 원하는 곳 어디에서나 불러와 설치

CDN의 도메인을 프레임 워크에 알려주기만 하면 됨

module.exports={
  experimental:{
    //dynamic url imports 
    urlImports:['https://cdn.skypack.dev']
  }
}

리액트 18에 대한 준비

리액트 18

  • 서버 컴포넌트
  • 동시 렌더링
  • 자동 배치 작업

리액트 서버 컴포넌트

  • 앱의 크기를 획기적으로 줄여줌
  • js 사이즈가 전혀 늘어나지 않음?

서버에서 직접 데이터를 불러올 수 있음
이는 클라이언트가 나중에 사용할 데이터를 미리 요청할 필요가 없음
웹 앱은 더 빠르게 동작, 더 빠르게 응답

긴급 변경 사항

  • 웹팩 버전이 4 to 5
  • 더 이상 next.config.js에 타깃 설정 필요 x
  • next/image가 이제 요소 랩핑을 위해 div 대신 span을 사용한다는 것
  • node.js 버전 12.22.0

Reference

https://yozm.wishket.com/magazine/detail/1180/

profile
기억보단 기록을

0개의 댓글