230918 - NEXT.JS 사용하기

오늘 내가 배운 것

1. NextJS란?

2. Next의 특징

3. 설치하기

 

 

1. NextJS란?

Next.js는 React를 기반으로 만들어진 웹 프레임워크이다.
서버 사이드 렌더링(SSR), 정적 사이트 생성(SSG), 클라이언트 사이드 렌더링(CSR) 등 다양한 렌더링 방식을 지원한다.

 

2. Next의 특징

• 1. SSR과 SSG 지원 : 서버사이드 렌더링과 정적 사이트 생성을 쉽게 구현할 수 있어서 검색 엔진 최적화(SEO)에 유리하다.
• 2. 빠른 성능 : 코드 스플리팅, 레이지 로딩, 프리페칭 등을 자동으로 지원하여 애플리케이션 성능을 최적화한다.
• 3. API Routes : 'pages/api' 디렉토리를 이용하여 API 엔드포인트를 생성할 수 있다. (프론트 서버의 개념)
• 4. 동적 라우팅 : 파일과 폴더 구조를 이용하여 라우팅을 자동으로 설정한다.

3. 설치하기

# next 최신버전을 현재 디렉토리에 설치하기
npx create-next-app@latest .