功能页面都比较简单，但是常见需求都有(搜索、列表、页面跳转、数据状态管理)
适合拿来练手的入门级前端 Demo

• React：https://netease-music-app-nine.vercel.app
• Next：https://netease-music-app.vercel.app
• Vue：https://vue-music-app-navy.vercel.app

• React : creact-react-app/redux/react router/antd-mobile
• Next : material-ui/swr/react hooks
• Vue : vuex/vux/vue router/better-scroll

以 next 框架为例

1、clone

git clone https://github.com.cnpmjs.org/janyin/netease-music-app

cd netease-music-app

2、安装依赖

cd next

yarn

3、本地运行

yarn dev

4、打包

yarn build

• 推荐歌单
• 歌单详情
• 歌曲搜索
• 歌词滚动播放
• 歌曲排行榜

API 来源

• TypeScript/Angular 版本
• 登录/登出
• 歌曲 MV 播放 ...