본 포스팅은 공식문서를 기반으로 만들어 졌습니다.NextJS는 Node 14.6.0버전이상에서만 지원되니깐 먼저 참고하길 바랍니다.MacOS, Window(including WSL), Linux 환경에서 지원됩니다.만약 처음부터 Next를 도입하기로 결정하셨다면 다음과
페이지 기본 적으로 Next.js는 모든 페이지를 사전랜더링 합니다. 생성된 각 HTML은 해당 페이지에 필요한 최소한의 JavaScript코드와 연결되고 페이지가 완전히 로드 되면 나머지 JavaScript코드가 실행되며 페이지가 완전히 상호작용 하도록합니다. >
NextJS에서는 <img>요소의 개선버전으로 next/image를 제공합니다.개선된 사항은 다음과 같습니다. (Next 13버전 기준)성능 향상 : 최신 이미지 형식을 이용해 각 환경에 맞는 올바른 크기의 이미지 제공시각적 안정성 : 자동으로 이미지 CSL 방지
레이아웃을 알기전에 알고 있어야 되는 기능입니다.NextJS는 App에서 페이지를 초기화 합니다. App에서는 다음과 같은 역할을 수행 할 수있습니다.페이지의 기본 레이아웃 유지 페이지 변경 시 상태 유지 페이지에 추가 데이터 삽입글로벌 CSS 설정기본형태는 숨겨져 있
루트 디렉토리에 있는 next.config.js의 설정법을 알아봅시다.앱에 런타임 환경변수를 추가하려면 env를 활용해 추가하면 됩니다.process.env.customKey에 엑세스 할 수 있습니다.🚨 next.config.js를 이용한 env설정은 모두 런타임 중
본 포스팅은 Next.js환경에서 적용되는 ReactQuery사용법을 담고 있습니다.기본 사용법과 설치법은 여기를 참고해주세요.공식문서를 보면 ReactQuery는 두가지의 방법으로 prefetching을 지원합니다.initialDatadehydrate - hydrat