[Next.js] Next.js 소개

Introduction

Next.js is a React framework for building full-stack web application.

리액트만으로 애플리케이션을 구축할 때 모든 기능을 갖춘 애플리케이션을 만드는 것은 실행 불가능합니다. 리액트는 유저 인터페이스를 구축하는 라이브러이고, 라우팅, 데이터 페칭 등등 과 같은 다른 기능에 대한 결정을 해야합니다.

Next.js는 유저 인터페이스를 위해 리액트를 사용하고, 어플리케이션을 위한 추가적인 기능을 제공합니다. 그것에는 라우팅, 최적화된 렌더링, 데이터 페칭, 번들링, 컴파일링 등이 있습니다. Next.js는 필요한 패키지를 모두 제공하기 때문에 추가적인 패키지를 설치할 필요가 없습니다.

하지만 이러한 특징들을 구현하기 위해 따라야할 컨벤션이 있습니다. (프레임워크의 특징)

Next.js는 웹 어플리케이션을 만드는 과정을 간소화합니다. Next.js가 제공하는 기능은 다음과 같습니다.

1. 라우팅
   • 파일 기반 경로로 라우팅을 간소화합니다. 파일을 만들기만하면 경로가 자동으로 생성됩니다.
2. API routes
3. 렌더링
   • 서버사이드 렌더링과 클라이언트 사이드 렌더링을 모두 지원하기 때문에 성능과 SEO가 향상됩니다.
4. 데이터 페칭
   • 좀 더 간소화된 데이터 페이칭을 지원합니다.
5. 스타일링
6. 최적화
7. 개발 및 프로덕션 빌드 시스템