https://github.com/yjkzhuzhu/next-music

仿网易云音乐移动端
https://github.com/yjkzhuzhu/next-music

nextjs react tailwindcss vercel

Last synced: 3 days ago
JSON representation

仿网易云音乐移动端

• Host: GitHub
• URL: https://github.com/yjkzhuzhu/next-music
• Owner: YJKZHUZHU
• Created: 2024-03-01T08:24:58.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-07-25T09:17:50.000Z (4 months ago)
• Last Synced: 2024-07-26T10:21:39.352Z (4 months ago)
• Topics: nextjs, react, tailwindcss, vercel
• Language: TypeScript
• Homepage: https://www.douya-music.top/
• Size: 946 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## 仿网易云音乐移动端

### 技术栈

1. nextjs14.x

2. [官方文档](https://nextjs.org)

3. [antd mobile](https://mobile.ant.design/zh/components)

### 设计稿地址

1. [https://rp.mockplus.cn/editor/hza0i1-c-/X1DUYjHpQx](https://rp.mockplus.cn/editor/hza0i1-c-/X1DUYjHpQx)

2. [https://mastergo.com/file/120884059883760?fileOpenFrom=drafts&page_id=%3A6911&layer_id=0%3A19759](https://mastergo.com/file/120884059883760?fileOpenFrom=drafts&page_id=%3A6911&layer_id=0%3A19759)

3. [网易云app截图](https://uinotes.com/app/143766329233515990)

4. [慕客](https://app.mockplus.cn/app/n_fpcrPkG/develop/6QVdZeeYm/B_MOCUhOMq)

5. [慕客](https://www.mockplus.cn/example/rp/100072)

### 预览地址

1. [https://next-music-azure.vercel.app/](https://next-music-azure.vercel.app/)

### 接口文档

1. [https://binaryify.github.io/NeteaseCloudMusicApi/#/?id=neteasecloudmusicapi](https://binaryify.github.io/NeteaseCloudMusicApi/#/?id=neteasecloudmusicapi)

2. [接口地址](https://api.douya-music.top)

### 样式 tailwind

1. [https://www.tailwindcss.cn](https://www.tailwindcss.cn)

2. [动画](https://github.com/jamiebuilds/tailwindcss-animate)

### redux平替 zustand

1. [官方文档](https://github.com/pmndrs/zustand?tab=readme-ov-file)

2. [最佳实践](https://juejin.cn/post/7203262276572823609#heading-0)

## 模糊效果

1. https://github.com/lishaobos/magic-img/blob/main/src/magic.ts

## 视频播放

1. https://github.com/muxinc/next-video

2. https://next-video-demo.vercel.app/player-only