강력한 React 프레임워크인 Next.js로 최신 웹 애플리케이션을 구축하기 위한 종합 가이드인 "Next.js"에 오신 것을 환영합니다. 이 책에서는 강력하고 성능이 뛰어난 웹 애플리케이션을 구축하기 위해 알아야 할 모든 것을 다루면서 Next.js를 기초부터 차근차근 살펴봅니다.

1장, 'Next.js 소개'에서는 Next.js에 대한 개요를 제공함으로써 시작을 알립니다. Next.js의 정의, 주요 기능, 개발 환경 설정, 첫 번째 Next.js 앱 만들기, 폴더 구조 및 규칙 이해에 대해 설명합니다.

2장, '페이지와 라우팅'에서는 Next.js의 페이지와 라우팅의 기본 사항을 살펴봅니다. 페이지 만들기, 동적 라우팅, 정적 파일 제공, 중첩 라우팅, API 라우팅, Next.js 앱 및 문서 사용자 지정에 대해 살펴봅니다. 또한 미들웨어와 인증에 대해서도 다룹니다.

3장, '데이터 가져오기'에서는 Next.js 애플리케이션에서 데이터를 가져오는 데 중점을 둡니다. 정적 생성 및 서버 측 렌더링을 결합하는 방법과 함께 getStaticProps, getServerSideProps, SWR(Stale-While-Revalidate)과 같은 다양한 데이터 가져오기 방법에 대해 설명합니다. API 요청 처리도 다룹니다.

4장, '스타일링과 CSS'에서는 Next.js 애플리케이션의 스타일링과 CSS를 다룹니다. CSS 모듈, 스타일 컴포넌트, CSS와 Sass를 사용한 전역 스타일, Tailwind CSS 통합에 대해 살펴봅니다. 또한 반응형 디자인 모범 사례에 대해서도 설명합니다.

5장, '이미지 최적화'에서는 Next.js 애플리케이션에서 이미지를 최적화하는 방법을 살펴봅니다. 이미지 컴포넌트 사용, Next.js 이미지 최적화 활용, 다양한 이미지 형식 제공, 반응형 이미지를 효과적으로 처리하는 방법을 다룹니다.

6장, '성능 최적화'에서는 Next.js 애플리케이션의 성능 최적화에 중점을 둡니다. 코드 분할 및 번들링, 지연 로딩 및 동적 가져오기, 웹 바이탈 최적화, 캐싱 전략 구현에 대해 설명합니다.

7장, '배포 및 호스팅'에서는 Next.js 애플리케이션의 배포 및 호스팅 옵션을 살펴봅니다. 배포 옵션, Vercel 배포, 사용자 정의 서버 배포, Next.js의 환경 변수 관리에 대해 다룹니다.

8장, '고급 기능'에서는 Next.js의 고급 기능을 살펴봅니다. 국제화(i18n), Babel 및 Webpack 사용자 지정, TypeScript 지원, 빌드 프로세스 사용자 지정, 점진적 정적 재생성(ISR)에 대해 설명합니다.

9장, 'Next.js에서 테스트하기'에서는 Next.js 애플리케이션의 테스트 방법론을 다룹니다. Jest 설정, 단위 테스트 작성, React 테스트 라이브러리로 컴포넌트 테스트, Cypress로 엔드투엔드 테스트 수행에 대해 살펴봅니다.

10장, '실제 프로젝트'에서는 Next.js로 구축한 실제 프로젝트를 소개하며 여정을 마무리합니다. 블로그, 전자상거래 애플리케이션 구축, 인증 구현, Contentful 및 Sanity와 같은 CMS 시스템과의 통합을 다룹니다.

이 책을 마치면 Next.js를 사용하여 정교한 웹 애플리케이션을 구축할 수 있는 지식과 기술을 습득하여 몰입형 사용자 경험을 만들고 웹 개발의 복잡한 문제를 해결할 수 있게 됩니다.

1장 : Next.js 소개
___1. Next.js란?
___2. Next.js의 주요 기능
___3. 개발 환경 설정하기
___4. 첫 번째 Next.js 앱 만들기
___5. 폴더 구조 및 규칙
2장 : 페이지 및 라우팅
___1. 페이지 만들기
___2. 동적 라우팅
___3. 정적 파일 제공
___4. 중첩된 경로
___5. API 경로
___6. 사용자 지정 앱 및 문서
___7. 미들웨어 및 인증
3장 : 데이터 가져오기
___1. getStaticProps로 데이터 가져오기
___2. getServerSideProps로 데이터 가져오기
___3. SWR(Stale-While-Revalidate)을 사용하여 데이터 가져오기
___4. 정적 생성과 서버 측 렌더링 결합하기
___5. API 요청 처리하기
4장 : 스타일링 및 CSS
___1. CSS 모듈 사용하기
___2. 스타일 컴포넌트 사용하기
___3. CSS 및 Sass를 사용한 전역 스타일
___4. 테일윈드 CSS 통합
___5. 반응형 디자인 모범 사례
5장 : 이미지 최적화
___1. 이미지 컴포넌트
___2. Next.js 이미지 최적화 사용
___3. 다양한 이미지 형식 제공하기
___4. 반응형 이미지 처리하기
6장 : 성능 최적화
___1. 코드 분할 및 번들링
___2. 지연 로딩 및 동적 가져오기
___3. 웹 바이탈 최적화
___4. 캐싱 전략
7장 : 배포 및 호스팅
___1. 배포 옵션
___2. 버셀 배포
___3. 사용자 정의 서버 배포
___4. Next.js의 환경 변수
8장 : 고급 기능
___1. 국제화(i18n)
___2. 바벨 및 웹팩 사용자 정의
___3. Next.js의 타입스크립트 지원
___4. 빌드 프로세스 사용자 지정
___5. 점진적 정적 재생성(ISR)
9장 : Next.js에서 테스트하기
___1. Jest 설정하기
___2. 단위 테스트 작성하기
___3. 리액트 테스트 라이브러리로 컴포넌트 테스트하기
___4. Cypress로 엔드투엔드 테스트하기
10장 : 실제 프로젝트
___1. Next.js로 블로그 구축
___2. Next.js를 사용한 전자상거래
___3. Next.js로 인증 구현하기
___4. CMS 시스템 통합