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
Next + TypeScript Template. Contribute to bysxx/next-ts-template-tailwind development by creating an account on GitHub.
github.com
Template 사용법
1. 위 링크에 접속해 아래와 같은 버튼을 클릭
2. 새로 만든 레포지토리를 git clone
3. 아래 명령어를 순서대로 입력
yarn set version berry
yarn
yarn dev4. localhost:3000에 접속해 확인
5. 개발하기
'front-end > next.js' 카테고리의 다른 글
| Server Components 활용하는 방법 (0) | 2023.10.12 |
|---|---|
| Next.js 13.5 (2) | 2023.10.11 |
| Next 13.4 - App Router 안정화 버전 출시 with Turbopack, Server Actions (0) | 2023.05.13 |
| Next13을 알아보자 - 2 (Streaming) (0) | 2023.04.21 |
| Next13을 알아보자 - 1 (Nested Layout, Server Components) (0) | 2023.04.09 |
