Awesome Open Source
Awesome Open Source

🎧 Vue SoundCloud

Simple SoundCloud client built with Vue and Nuxt.


It seems that SoundCloud has revoked my api client keys without any explanation or warning. Running the app locally no longer works unless you have a working SoundCloud API client id (SoundCloud has disabled registration of new apps for quite some time now). The live demo is also not working at the moment.

Live demo:


Desktop view:

Mobile view:


  • Server-side rendering with Nuxt.js.
  • Load data from SoundCloud API.
  • The home page included loading more tracks with infinite scroll and search tracks form.
  • The track page included related tracks ,track comments and showing track wave.
  • The profile page included the user tracks and user followers.

This project implemented by the following technologies:

Let's run:

Clone the project:

$ git clone vue-soundcloud

Starting Development:

Run one of the following commands:

$ yarn && yarn dev

# OR

$ npm i && npm run dev

Build and run production:

Run one of the following commands:

$ yarn && yarn build && yarn start

# OR

$ npm i && npm run build && npm start


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Vue (83,330
Vuejs (10,120
Music (5,652
Vuex (3,171
Vuejs2 (2,601
Vue Router (2,203
Nuxt (1,799
Spa (1,592
Music Player (1,558
Nuxtjs (1,473
Single Page App (673
Soundcloud (377
Single Page Applications (354
Soundcloud Api (67
Nuxt Demo (18
Soundcloud Client (13
Vue Project (7
Vue Soundcloud (2
Related Projects