Next13 + TypeScript Template 공유 (Next13 쉽게 시작하는법)

Next13을 공부하며 기존 가지고 있던 템플릿 코드를 Next13으로 업데이트했습니다.

 

Next13에 새로 도입된 기능, 문법들이 전부 적용되지는 않았지만 차차 적용시키고 예시도 추가할 예정입니다.

 

Next를 어느 정도 알고 계시면 문제없이 사용하실 수 있지만 Next 자체가 꽤 난이도 있는 프레임워크이기 때문에 Next를 어느정도 숙지하신 상태에서 사용하시면 좋을 것 같습니다!

---

사용된 스택

• Next13
• TypeScript
• TailwindCSS
• Zustand
• React Query

 

https://github.com/bysxx/next13-ts-template-tailwind

GitHub - bysxx/next-ts-template-tailwind: Next + TypeScript Template

 

Template 사용법

1. 위 링크에 접속해 아래와 같은 버튼을 클릭

2. 새로 만든 레포지토리를 git clone 

3. 아래 명령어를 순서대로 입력

yarn set version berry
yarn
yarn dev

4. localhost:3000에 접속해 확인

5. 개발하기