Next.js란?

Next.js에 대한 공식 홈페이지의 설명
세계 최대 기업에서 사용하는 Next.js를 사용하면 최신 React 기능을 확장하고 가장 빠른 빌드를 위해 강력한 Rust 기반 JavaScript 도구를 통합하여 풀 스택 웹 애플리케이션을 만들 수 있습니다.

Next.js는 Vercel이라는 회사에서 개발한 프레임워크로 React를 강력하게 만들어준다.
Next의 강점에 대해 나열하자면 아래와 같다.

Next.js의 장점

1. 이미지 최적화 및 다양한 글꼴 지원
   • 이미지는 웹 페이지에서 엄청난 무게감을 가지기 때문에 페이지 로딩 시간에 직접적인 영향을 준다. Next에서는 Image라는 컴포넌트를 지원해 이미지에 대한 최적화를 가능하게 해준다.
   • google fonts에서 지원하는 다양한 글꼴을 Next에서 쉽게 적용할 수 있도록 지원한다.
2. SSR(ServerSideRendering)
   • SSR : 서버에서 페이지를 그려 클라이엍느로 보낸 후 화면에 표시하는 기법
   • SSR로 인해 SEO 최적화에 효과적이다.
   • SEO : 웹 사이트의 검색 엔진 결과 페이지에서 높은 순위를 차지하도록 웹사이트를 최적화하는 프로세스이다.
   • 서버에서 정적인 페이지가 이미 렌더링 되어 클라이언트에게 전달되기 때문에 meta 태그가 미리 정의되어있고, 이 때문에 SEO에 유리하다.
3. full-stack 개발 가능
   • 백엔드 코드 작성이 가능하다.
4. 우수한 동적 라우팅 기능
   • page 단위로 경로가 생성되며, 동적 라우팅에 대한 별도 설정 없이 file-based 동적 라우팅을 지원한다.

이 외에도 정말 많은 기능을 지원하며, 공식 문서가 잘 되어있어 학습에 용이하다.
Next.js는 현재 유명한 기업에서 자주 사용되는 기술이며, 그 성능은 이미 검증되었다.