![[Next.js] 프로젝트 생성](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcIYqNR%2FbtsHUf8nzZH%2F0861KVnLy3OqP2AykVyKj0%2Fimg.png)
Next.js는 서버사이드렌더링을 지원해주는 프레임워크이다.
서버사이드 렌더링의 장점은 아래 포스팅에 정리해놓았다. SSR의 경험을 쌓고 싶어서 Next.js를 사용해보려고 한다.
2024.05.30 - [Front-end/React] - [React] 모던 리액트 딥다이브 4. 서버 사이드 렌더링 주요 정리
[React] 모던 리액트 딥다이브 4. 서버 사이드 렌더링 주요 정리
1. 싱글 페이지 애플리케이션이란?싱글 페이지 애플리케이션의 약자인 SPA는 렌더링과 라우팅에 필요한 대부분의 기능을 서버가 아닌 브라우저의 자바스크립트에 의존하는 방식을 의미한다. SPA
world-developer.tistory.com
프로젝트 생성하기
npx create-next-app@latest
만약 typescript를 사용하고 싶다면 아래와 같이 --typescript를 붙여주면 된다.
npx create-next-app@latest --typescript
옵션 선택
1. 프로젝트 명 생성 (소문자만 가능)
What is your project named?
2. 이후 옵션은 tailwind만 yes로 설정하고, 나머지는 Default 옵션으로 모두 엔터 눌러주었다.
