PART 1 Next.js의 세계로
CHAPTER 1 Next.js 알아보기
1.1 준비하기
1.2 Next.js란?
1.3 Next.js와 비슷한 프레임워크
1.4 왜 Next.js일까?
1.5 리액트에서 Next.js로
1.6 Next.js 시작하기
프로젝트 기존 구조
타입스크립트 지원
바벨와 웹팩 설정 커스터마이징
정리하기
CHAPTER 2 렌더링 전략
2.1 서버 사이드 렌더링 (SSR
2.2 클라이언트 사이드 렌더링 (CSR
React.useEffect 훅
process.browser 변수
동적 컴포넌트 로딩
2.3 정적 사이트 생성 (SSG
정리하기
CHAPTER 3 Next.js 기초와 내장 컴포넌트
3.1 라우팅 시스템
페이지에서 경로 매개변수 사용하기
컴포넌트에서 경로 매개변수 사용하기
클라이언트에서의 내비게이션
3.2 정적 자원 제공
자동 이미지 최적화
외부 서비스를 통한 자동 이미지 최적화
3.3 메타데이터
공통 메타 태그 그룹
3.4 _app.js와 _document.js 페이지 커스터마이징
_app.js 페이지
_document.js 페이지
정리하기
PART 2 Next.js 실전 감각 익히기
CHAPTER 4 코드 구성과 데이터 불러오기
4.1 디렉터리 구조 구성
컴포넌트 구성
유틸리티 구성
정적 자원 구성
스타일 파일 구성
lib 파일 구성
4.2 데이터 불러오기
서버가 데이터 불러오기
서버에서 REST API 사용하기
클라이언트가 데이터 불러오기
클라이언트에서 REST API 사용하기
GraphQL API 사용하기
정리하기
CHAPTER 5 지역 및 전역 상태 관리
5.1 지역 상태 관리
5.2 전역 상태 관리
콘텍스트 API
Redux
정리하기
CHAPTER 6 CSS와 내장 스타일링 메서드
6.1 Styled JSX
6.2 CSS Module
6.3 SASS
정리하기
CHAPTER 7 UI 프레
Next.js 사용의 강점부터 최적으로 활용하는 방법까지! 한 권으로 끝내는 올인원 가이드
아직도 리액트만 사용하고 있나요? Next.js는 리액트와 함께 사용할 때 뿐만 아니라 단독으로 사용해도 뛰어난 성능을 보여줍니다. 또한 리액트에 없는 여러 기능을 지원하며 설정이나 개발 옵션 등에서도 유용한 방법을 제공합니다. 따라서 Next.js를 사용하면 ‘빠른’ 개발과 ‘빠른’ 로딩 속도라는 두 마리를 토끼를 모두 잡을 수 있습니다.
평소 리액트만으로 웹 개발을 해왔다면 이 책을 통해 Next.js의 다양한 기능을 익히고 바로 기존 리액트 프로젝트에 적용해볼 수 있습니다. 특히 많은 웹 개발자가 관심을 갖는 확장성에 초점을 맞추어 실용적인 기능을 소개하고 최신 개발 방식이 적용된 테스트 및 배포 방법을 설명합니다. Next.js를 사용해야 하는 이유부터 핵심 기능을 사용하는 방법까지 모두 다루기 때문에 이 책 한 권으로 상용 수준의 서비스를 구축하고 Next.js 개발자로 거듭날 수 있습니다.
대상 독자
● Next.js로 풀스택 애플리케이션을 개발하고 싶은 사람
● 기존 리액트 애플리케이션을 개선하고 싶은 사람
● 웹 개발 실력을 레벨업하고 싶은 사람
주요 내용
● Next.js의 기본 사항과 내장 컴포넌트 소개
● 적합한 렌더링 전략 선택법
● API 호출과 상태 관리
● 스타일링 메서드와 UI 프레임워크 사용법
● 테스트 전략 및 성능 관리 방법
● 다양한 배포 플랫폼에서 배포하는 방법
● 온라인 상거래 웹 사이트 구축 실습
● 스트리밍 웹 사이트, 블로깅 플랫폼, 실시간 채팅 웹 사이트 구축 가이드
