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: about 1 month 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 (over 6 years ago)
• Default Branch: master
• Last Pushed: 2022-03-03T18:40:52.000Z (almost 3 years ago)
• Last Synced: 2024-04-11T16:59:55.176Z (9 months ago)
• Topics: cosmicjs, nodejs, nuxtjs, vuejs, web-development
• Language: Vue
• Homepage: https://cosmicjs.com/apps/vue-music-website
• Size: 418 KB
• Stars: 102
• Watchers: 3
• Forks: 26
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Vue.js Music Website

![screenshot](screenshot.png)

### [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).