[Next.js] 프로젝트 생성

Next.js는 서버사이드렌더링을 지원해주는 프레임워크이다.

서버사이드 렌더링의 장점은 아래 포스팅에 정리해놓았다. SSR의 경험을 쌓고 싶어서 Next.js를 사용해보려고 한다.

2024.05.30 - [Front-end/React] - [React] 모던 리액트 딥다이브 4. 서버 사이드 렌더링 주요 정리

[React] 모던 리액트 딥다이브 4. 서버 사이드 렌더링 주요 정리

---

프로젝트 생성하기

npx create-next-app@latest

 

만약 typescript를 사용하고 싶다면 아래와 같이 --typescript를 붙여주면 된다.

npx create-next-app@latest --typescript

 

옵션 선택

1. 프로젝트 명 생성 (소문자만 가능)

What is your project named?

 

2. 이후 옵션은 tailwind만 yes로 설정하고, 나머지는 Default 옵션으로 모두 엔터 눌러주었다.