실전에서 바로 쓰는 Next.js
도서명:실전에서 바로 쓰는 Next.js
저자/출판사:미셸 리바/한빛미디어
쪽수:332쪽
출판일:2023-01-20
ISBN:9791169210713
목차
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 프레임워크
7.1 UI 라이브러리
7.2 Chakra UI
7.3 Tailwind CSS
7.4 Headless UI
정리하기
CHAPTER 8 커스텀 서버
8.1 커스텀 서버가 필요한 경우
8.2 Express.js 서버
8.3 Fastify 서버
정리하기
CHAPTER 9 테스트
9.1 테스트란?
9.2 Jest를 사용한 단위 테스트와 통합 테스트
9.3 Cypress를 사용한 엔드 투 엔드 테스트
정리하기
CHAPTER 10 SEO와 성능 관리
10.1 SEO와 성능
10.2 SEO와 성능 관점에서의 렌더링 전략
실제 웹 사이트를 통해 살펴본 렌더링 전략의 선택 이유
사진 세부 정보 페이지
프라이빗 라우트
선택한 렌더링 전략 정리
10.3 SEO 다루기
10.4 성능 다루기
정리하기
CHAPTER 11 배포 플랫폼
11.1 다양한 배포 플랫폼
11.2 Vercel에 배포하기
11.3 CDN에 정적 사이트 배포하기
11.4 적절한 CDN 고르기
11.5 아무 서버에나 Next.js 배포하기
11.6 도커 컨테이너에서 Next.js 애플리케이션 실행하기
정리하기
PART 3 Next.js로 상용 애플리케이션 만들기
CHAPTER 12 인증과 사용자 세션 관리
12.1 인증과 사용자 세션
12.2 JSON web token
12.3 커스텀 인증
12.4 Auth0
12.5 Auth0 커스터마이징
정리하기
CHAPTER 13 GraphCMS로 온라인 상거래 웹 사이트 만들기
13.1 온라인 상거래 웹 사이트 만들기
13.2 GraphCMS 설정하기
13.3 상점 홈 페이지, 장바구니 및 제품 상세 페이지 만들기
13.4 Stripe로 결제 구현하기
정리하기
CHAPTER 14 예제 프로젝트로 살펴보는 Next.js의 다음 단계
14.1 무궁무진한 가능성을 가진 프레임워크
14.2 Next.js 연습을 위한 프로젝트
스트리밍 웹 사이트
**** 플랫폼
실시간 채팅 웹 사이트
14.3 다음 단계
정리하기
