Next.js

Next.js

1. Next.js란?

 - Next.jsReact 기반의 웹 애플리케이션을 쉽게 개발할 수 있게 도와주는 오픈 소스 JavaScript 프레임워크입니다.

 - 서버 사이드 렌더링(SSR), 정적 사이트 생성(SSG), API 라우팅 등을 지원합니다.

 

2. 특징 및 장점

 - 서버 사이드 렌더링(SSR)

    - 페이지를 서버에서 렌더링하여, 초기 로딩 속도를 향상시키고 검색 엔진 최적화를 개선합니다.

 

 - 정적 사이트 생성(SSG)

    - 빌드 시점에 미리 페이지를 생성하여, 성능을 향상시킵니다. 특히 정적 컨텐츠에 적합합니다.

 

 - API 라우팅

    - 페이지 간의 이동이 간편하며, 파일 시스템을 기반으로한 경로 매핑이 가능합니다.

 

 - 개발 환경 간편화

    - 자동 리로딩 코드 스플리팅, 모듈 사티일링 등을 내장하여, 개발자 경험을 향상시킵니다.

 

 - 프리랜서 및 팀 협업

    - 유연한 구조로 인해 프리랜서 및 협업에 적합하며, 빠른 개발을 가능케 합니다.

 

 - 확장 가능한 플러그인 시스템

    - 다양한 플러그인을 활용하여, 프로젝트에 필요한 기능을 추가할 수 있습니다.

 

3. 정리하며

 - 지금까지 Next.js의 정의 및 특징에 대해 알아보았습니다.

 - 다음 시간엔 Next.js 설치에 대해 알아보겠습니다.

 

 

Next.js 설치

Next.js 설치 1. Next.js 설치 - 이제 Next.js를 설치해봅시다! (Next.js 사이트를 참고하였습니다) - #1. 먼저 원하는 폴더를 생성 후, 터미널에 들어가 다음과 같이 입력해줍니다. → 여러 선택사항이 나오

newbean-j.tistory.com

'Front-End Study > Next.js' 카테고리의 다른 글

에러 페이지와 환경 변수  (0) 2023.12.13
서버사이드 렌더링  (0) 2023.12.12
Dynamic Routes  (0) 2023.12.11
페이지 레이아웃 생성  (0) 2023.12.01
Next.js 설치  (0) 2023.12.01