[TIL] Nextjs

0. 들어가며

: Next.js에 대해서 대략적으로 어떤건지 알고 싶었다.
무엇인지에 대해서만 우선 맛보기로 파악만 해보자...!

1. Next.js란?

: 풀스택 웹앱을 만드는 리액트 프레임워크

2. 특징

2-1. 라우팅(Routing)

: 파일 기반 라우팅
-> 다음에 정적 라우팅, 동적 라우팅에 대해서 공부해보기

2-2. 렌더링(Rendering)

• SSR (Server Side Rendering) or Dynamic Rendering
• CSR도 지원!

2-3. 데이터 가져오기

: async/await를 사용한 간소화된 데이터 가져오기?
요청 메모이제이션,데이터 캐싱 및 재검증을 위한 fetch API?

2-4. 스타일

: 자바스크립트나 타입스크립트 파일에서 css를 import해서 사용할 수 있도록 지원

3. 구성

: 프론트(React) + 백엔드(ExpressJs와 유사한 형식의 시스템)

4. 장점?

: SSR의 장점이라고 보면 될듯

4-1. 초기 로딩속도 빠름

4-2. 검색 엔진 최적화

5. 실행 명령어

개발 모드로 실행

npm run dev

빌드 실행

npm run build

실서버 실행

npm run start

3. 참고 :

Next 공식문서
생활코딩
코딩애플