项目简介

Nextjs + App Router路由模式 + 客户端SWR仿网易云音乐的WebApp项目实战

本地运行

run the development server:

npm install
# or
pnpm install


npm run dev
# or
pnpm dev

歌曲源数据

精力旺盛的法子

path：/src/api/config.js

export const API_BASE_URL = "http://localhost:3100";

小伙伴本地学习的时候需要本地运行一个拿歌曲数据的服务

进入react-cloud-music 项目 ，NeteaseCloudMusicApi目录下安装包，启动服务

然后API_BASE_URL放你启动的服务地址就行了

懒人必备的法子

自己本地mock点假数据，搞那么费事干嘛呢~~~

Prisma

项目集成了Prisma + Postgresql可以从数据库中获取数据展示在页面上

不过需要小伙伴本地搭建个数据库

前端部分：

🙏🙏🙏 在线求Star

如果您觉得这个项目还不错, 可以在 Github 上面帮我点个star, 支持一下作者

效果展示