nextjs 시작하기

npx를 활용해서 nextjs app을 만듭니다.

npx create-next-app shopping

✔ Would you like to use TypeScript? … No / Yes
✔ Would you like to use ESLint? … No / Yes
✔ Would you like to use Tailwind CSS? … No / Yes
✔ Would you like to use `src/` directory? … No / Yes
✔ Would you like to use App Router? (recommended) … No / Yes
✔ Would you like to customize the default import alias? … No / Yes
✔ What import alias would you like configured? … @/*

이런 것들을 물어보는데 Tailwind나 import alias 물어보는거보고 충격 받았었네요;;

yarn build && yarn start

build를 안하고 실행하니 오류가 나옵니다. nextjs는 SSR이라서 빌드를 해서 정적파일을 만들어야하는거 같네요

yarn dev

이렇게 사용하면 개발모드로 사용가능하고 hot reload도 지원한다고 합니다.