[책] 실전에서 바로 쓰는 Next.js

◎📚도서 보기 (출판사 : 한빛미디어)

https://www.hanbit.co.kr/store/books/look.php?p_code=B1068448075

실전에서 바로 쓰는 Next.js

SSR부터 SEO, 배포까지 확장성 높은 풀스택 서비스 구축 가이드

실전에서 바로 쓰는 Next.js

• 저자 : 미셸 리바
• 번역 : 박수현
• 출간 : 2023-01-20
• 페이지 : 332 쪽

 

 

예제 코드

https://github.com/hanbit/practical-next.js

GitHub - hanbit/practical-next.js: 『실전에서 바로 쓰는 Next.js』(한빛미디어, 2023) 예제 코드 저장소입니

  - Node.js버전 : 18

  - 4장 : 로컬에서 테스트 할 수 있는 api 추가

  - 11장 : Dockerfile 베이스 이미지 버전, 패키지 관련 버그수정

 

 

원서 저자 제공 코드

https://github.com/PacktPublishing/Real-World-next.js

GitHub - PacktPublishing/Real-World-Next.js: Real-World Next.js, published by Packt

  - Node.js버전 : 12

  - 4장 : API 및 GraphQL서버 (사용종료됨)

 

---

 

"한빛미디어 <나는 리뷰어다> 활동을 위해서 책을 제공받아 작성된 서평입니다."

 

대상독자 : 리액트 웹 개발자에서 Next.js 프레임워크 사용하는 사람. 

책에서 다루는 SW : Next.js, Node.js(npm, yarm), 도커(11장)

 

- Next.js는 React를 기반으로한 프레임워크

- Nuxt.js는 Vue.js를 기반으로한 프레임워크

 

Next.js는 React 기반의 서버사이드 렌더링(SSR) 프레임워크로, React 개발자들이 웹 애플리케이션을 구축하고 운영하는 데 필요한 여러 기능들을 제공합니다. Next.js를 사용하면 웹 애플리케이션의 초기 로딩 속도를 향상시킬 수 있으며, SEO 최적화와 같은 추가적인 이점을 얻을 수 있습니다.

 

(Next.js가 제공하는 기능 : 코드분할, 서버 사이드 렌더링, 파일 기반 라우팅, 경로 기반 프리페칭, 정적 사이트 생성, 증분 정적 콘텐츠 생성, 타입스크립트에 대한 기본 지원, 자동 폴리필 적용, 이미지 최적화, 웹 애플리케이션의 국제화 지원, 성능분석 등)

Next.js를 사용해보면 가장 먼저 느껴지는 것은 프레임워크가 제공하는 강력한 라우팅 시스템입니다. 페이지를 생성할 때 파일 시스템을 이용해 URL 경로를 매핑하며, 매우 직관적이고 쉽게 이해할 수 있습니다. 이러한 라우팅 시스템은 개발자가 페이지를 빠르게 만들 수 있도록 도와줍니다.

또한 Next.js는 코드 스플리팅, 서버사이드 렌더링, 자동 코드 분할 등의 기능을 제공하여 초기 로딩 속도를 향상시킬 수 있습니다. 이러한 기능은 더 나은 사용자 경험을 제공하고 검색 엔진 최적화에도 도움이 됩니다.

Next.js는 React 개발자들이 React 애플리케이션을 보다 쉽게 개발할 수 있도록 많은 도구와 기능을 제공합니다. 라우팅 시스템과 서버사이드 렌더링 기능을 통해 초기 로딩 속도를 개선하고 검색 엔진 최적화를 가능하게 하며, 코드 스플리팅과 자동 코드 분할 등의 기능으로 애플리케이션 성능을 향상시킬 수 있습니다. 따라서 Next.js는 React 개발자들에게 매우 유용해 보입니다.

 

또한 Next.js는 커뮤니티에서 개발하는 다양한 플러그인과 라이브러리를 지원합니다. 예를 들어, styled-components나 emotion과 같은 CSS-in-JS 라이브러리를 사용하여 컴포넌트 스타일링을 간편하게 할 수 있습니다. 또한, Jest나 React Testing Library와 같은 테스트 도구를 사용하여 테스트 코드 작성을 지원합니다.

 

Next.js는 또한 정적 사이트 생성기 기능을 제공합니다. 이 기능을 이용하면 서버사이드 렌더링 없이도 정적인 페이지를 생성할 수 있습니다. 이를 통해 블로그나 문서 사이트 등의 정적인 웹사이트를 만들 때 유용합니다.

 

마지막으로, Next.js는 배포 과정도 매우 간편해보입니다. Vercel이라는 플랫폼을 사용하면 Next.js 애플리케이션을 쉽게 배포할 수 있습니다. Vercel은 서버리스 아키텍처를 사용하여 애플리케이션의 배포 및 운영을 단순화하고 비용을 절감할 수 있도록 도와줍니다.

 

다만, 대상 독자가 중급의 ES6+ 활용,리액트, Node.js, REST지식 사전에 필요하여 다소 학습 곡선은 있어 보입니다. 서버 구성에 대한 이해와 설정 능력도 필요하다는 것을 의미합니다. React에 대한 의존성이 있기 때문에 React 버전 업그레이드나 문제가 발생할 경우 이에 대한 대응이 필요합니다.

 

현재 Next.js는 React를 기반으로한 SSR 프레임워크로써 많은 개발자들이 사용하고 있으며, 책의 이름답게 대부분의 구성이 '실전 감각 익히기'과 '상용 애플리케이션 만들기'들을 통해 단계적으로 사용법을 잘 알려주고 있습니다.