https://github.com/sinej/youtube-music-nextjs

next14
https://github.com/sinej/youtube-music-nextjs

Last synced: 2 days ago
JSON representation

next14

• Host: GitHub
• URL: https://github.com/sinej/youtube-music-nextjs
• Owner: sinej
• Created: 2024-04-06T15:46:24.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-05-12T13:17:28.000Z (6 months ago)
• Last Synced: 2024-06-09T17:45:07.601Z (5 months ago)
• Language: TypeScript
• Homepage: https://youtube-music-indol.vercel.app
• Size: 52.8 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 유튜브 뮤직 프로젝트

### 프로젝트 시작하기

- npx [email protected]

- npm install tailwind-merge

- npm install zustand

### zustand

이전까지 Redux, Recoil로 전역 상태를 사용했습니다.

Redux 보다는 간결하면서 자동으로 state를 생성하고 state가 변경될 때마다 컴포넌트를 업데이트합니다.

그래서 이번 프로젝트를 통해 zustand를 익히며 장단점을 파악하고자 합니다.

### 일정

- [x] Next.js 컴포넌트 정리 

- [x] 로딩 및 에러 페이지 컴포넌트

- [x] 공통 Sidebar, header 컴포넌트

- [x] 메인 페이지

- [x] explore 페이지

- [x] library 페이지

- [x] playlist 페이지

- [x] channel 페이지

- [x] player streaming 추가

- [x] API 셋팅

- [x] API 각 페이지 별 API 추가

### skills

Next.js

Zustand

ytmusic-api

radix-ui

### 성능테스트

1차: 2024.04.11 - UI



### 회고