Next.js

NEXT.js란?

The React Framework for the Web

React기반의 웹 애플리케이션을 개발할 때 생산성, 확장성, 성능 등, 개발자가 직면할 다양한 문제들의 솔루션을 제공한다.

Next에서 제공해주는 솔루션

• SSR(Server Side Rendering)

• 라우팅 설계가 필요없는 File-system based 라우팅

• SEO, Image, Font, Scripts 최적화

• Server API 빌드

NEXT.js 역사

2016년도에 Vercel사에서 오픈소스로 첫 릴리즈 되었다.

Vercel은 aws와 같은 PaaS(Platform-as-a-Service) 즉, 클라우드 호스팅 서비스를 제공하는 회사이다.

현재는 13 버전이 릴리즈 되어있고 React 18 버전에 맞춰 다양한 기능들이 추가 되었다.

NEXT.js 철학

• zero-config: 복잡한 설정 없이 개발을 할 수 있도록 기본 설정을 제공한다.

• javascript everywhere: 하나의 프로젝트 내에서 자바스크립트 하나로 front, back 모두 구현 가능하도록 제공한다.

• automatic code spliting: 자동으로 코드 스플리팅을 수행하여 사용자가 필요로하는 페이지의 최소한의 코드만 제공하여 빠른 초기 로딩 속도를 제공한다.

• server side rendering: 서버 측에서 앱을 실행하고 페이지를 렌더링 하여 SEO 최적화 및 초기 렌더링 속도를 개선한다.

• anticiipated requests: 사용자가 보고 있는 페이지에서 필요한 것들을 미리 예측하여 제공한다.

• simple, easy to deploy: 손쉽게 배포할 수 있는 방법을 제공한다.