Next.js
1. Next.js란?
- Next.js는 React 기반의 웹 애플리케이션을 쉽게 개발할 수 있게 도와주는 오픈 소스 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 |
