[Nextjs, Typescript, TailwindCSS, Mac] 프로젝트 초기 셋업 구축하기

사전 설치 사항

node -v
# ex) v18.16.0

npm -v
# ex) 9.5.1

만약에 Node가 설치가 되어 있지 않다면, (https://nodejs.org) 을 방문해서 설치하도록 하자.

 

프로젝트 만들기

npx create-next-app -typescript

위의 명령어를 치면, 몇 가지 선택사항을 물어본다.

- "What is your project named?" [프로젝트 이름]

- "Would you like to use ESLint with this project?" Yes

- "Would you like to use 'src/' directory with this project?" No

- "Would you like to use experimental 'app/' directory with this project?" No

- "What import alias would you like configured?"

 

실행하기

cd [프로젝트 이름]
npm run dev

 

확인하기

브라우저를 열고, URL에 localhost:3000 으로 접속하면 된다.

 

참고

React 앱을 Typescript 로 만들고 싶다면,

npx create-react-app [project-name] --template typescript