All Projects → cosmicjs → Vue Music Website

cosmicjs / Vue Music Website

Music website built with Vue.js and Cosmic JS

Projects that are alternatives of or similar to Vue Music Website

Tahrir
Pyramid app for issuing your own Open Badges
Stars: ✭ 57 (-28.75%)
Mutual labels:  web-development
Nuxt Tailwind
A Nuxt.js starter project template using Tailwind CSS without the distraction of a complicated development environment.
Stars: ✭ 71 (-11.25%)
Mutual labels:  nuxtjs
Developmint.de
Open source company page built with Nuxt.js and TailwindCSS
Stars: ✭ 74 (-7.5%)
Mutual labels:  nuxtjs
Fine Uploader
Multiple file upload plugin with image previews, drag and drop, progress bars. S3 and Azure support, image scaling, form support, chunking, resume, pause, and tons of other features.
Stars: ✭ 8,158 (+10097.5%)
Mutual labels:  web-development
Best Of Web Python
🏆 A ranked list of awesome python libraries for web development. Updated weekly.
Stars: ✭ 1,118 (+1297.5%)
Mutual labels:  web-development
Docker Nuxt
Docker image to run NUXT.js application in production mode
Stars: ✭ 71 (-11.25%)
Mutual labels:  nuxtjs
Laravel Vuejs.com
Laravel and VueJs Blog, using Laravel nova, GraphQL, NuxtJs, Apollo and ...more
Stars: ✭ 54 (-32.5%)
Mutual labels:  nuxtjs
Toruk
Go web 开发脚手架
Stars: ✭ 78 (-2.5%)
Mutual labels:  web-development
The forge
Our groundbreaking, lightning fast PWA CLI tool
Stars: ✭ 70 (-12.5%)
Mutual labels:  web-development
Nuxt Stripe Module
A NuxtJS module to import Stripe client script.
Stars: ✭ 72 (-10%)
Mutual labels:  nuxtjs
Nuxt Netlify Functions Example
Nuxt.js example for running Netlify functions locally in a dev environment and as a generated static site deployed to Netlify
Stars: ✭ 59 (-26.25%)
Mutual labels:  nuxtjs
Nuxt Compress
A simple static asset compression module for Nuxt that runs Gzip and Brotli compression during the build process
Stars: ✭ 61 (-23.75%)
Mutual labels:  nuxtjs
Rakuten React Kit
Rakuten React kit
Stars: ✭ 72 (-10%)
Mutual labels:  web-development
Http Prompt
An interactive command-line HTTP and API testing client built on top of HTTPie featuring autocomplete, syntax highlighting, and more. https://twitter.com/httpie
Stars: ✭ 8,329 (+10311.25%)
Mutual labels:  web-development
Vue Horizontal
An ultra simple pure vue horizontal layout for modern responsive web with zero dependencies. (SPA/SSG/SSR)
Stars: ✭ 75 (-6.25%)
Mutual labels:  nuxtjs
Data Mocks
Library to mock local data requests using Fetch or XHR
Stars: ✭ 55 (-31.25%)
Mutual labels:  web-development
Gp Vue Boilerplate
Grabarz & Partner Boilerplate is a professional front-end template for building fast, robust, and adaptable web apps or sites with vuejs.
Stars: ✭ 71 (-11.25%)
Mutual labels:  nuxtjs
Vue Masonry Wall
A pure vue responsive masonry layout without direct dom manipulation and ssr support.
Stars: ✭ 79 (-1.25%)
Mutual labels:  nuxtjs
Nuxt Chat App
Frontend of real-time chat application built using nuxtjs, socket.io. Check the backend at https://github.com/binbytes/chat-app-server.
Stars: ✭ 77 (-3.75%)
Mutual labels:  nuxtjs
Checklist Tools Website
🍿 The perfect Checklist Website for meticulous developers.
Stars: ✭ 73 (-8.75%)
Mutual labels:  web-development

Vue.js Music Website

screenshot

View Demo

Personal music site built with Nuxt and Cosmic JS.

How to

Prepare your Cosmic JS bucket

Import example bucket.json to your Cosmic JS bucket.

Clone this repository

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

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].