https://github.com/cosmicjs/vue-music-website
Music website built with Vue.js and Cosmic JS
https://github.com/cosmicjs/vue-music-website
cosmicjs nodejs nuxtjs vuejs web-development
Last synced: 11 months ago
JSON representation
Music website built with Vue.js and Cosmic JS
- Host: GitHub
- URL: https://github.com/cosmicjs/vue-music-website
- Owner: cosmicjs
- Created: 2018-08-06T17:52:16.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2022-03-03T18:40:52.000Z (over 4 years ago)
- Last Synced: 2025-04-05T04:51:15.566Z (about 1 year ago)
- Topics: cosmicjs, nodejs, nuxtjs, vuejs, web-development
- Language: Vue
- Homepage: https://cosmicjs.com/apps/vue-music-website
- Size: 418 KB
- Stars: 103
- Watchers: 2
- Forks: 26
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Vue.js Music Website
### [View Demo](https://cosmicjs.com/apps/vue-music-website)
Personal music site built with Nuxt and [Cosmic JS](https://cosmicjs.com/buckets).
## How to
### Prepare your Cosmic JS bucket
Import example [bucket.json](bucket.json) to your Cosmic JS bucket.
### Clone this repository
``` bash
git clone https://github.com/cosmicjs/vue-music-website
cd vue-music-website
```
### Configure
Edit `instance.config.js` to adjust app colors if you need.
You can see that Cosmic JS access credentials are picked up from the next environment variables:
```
COSMIC_BUCKET
COSMIC_READ_KEY
COSMIC_WRITE_KEY
```
### Setup and run
``` bash
# install dependencies
$ npm install # Or yarn install
# serve with hot reload at localhost:3000
$ npm run dev
# build for production and launch server
$ npm start
# generate static project
$ npm run generate
```
This app is based on Nuxt.js.
For detailed explanation on how things work, checkout the [Nuxt.js docs](https://github.com/nuxt/nuxt.js).