프론트엔드 개발 시작

 

npx create-next-app@13.2.4 --experimental-app

 

next 프로젝트를 우선 위와 같은 초기 세팅으로 시작

13.2.4 버전으로 내가 주로보는 레퍼런스들과 버전을 맞추었다.

 

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p

NextJs 에서tailwind를 사용하기 위해 설치

 

 

전반적인 폰트, 골격, seo 관련 코드는 layout.tsx에 작성

 

 

위와 같이 폰트와 tailwind가 적용됨을 확인