Band Website

View Demo

Express + Cosmic JS

This website can be used for any band or musician. It is built with Express with Mailchimp integrated to handle email signups, and will have all of its data served entirely from Cosmic JS. Manage content like images, tour dates, videos and more through the Cosmic JS CMS API Dashboard.

Getting Started

git clone https://github.com/cosmicjs/band-website
cd band-website
npm i

Run in development

npm run dev

You can easily access content from your Cosmic JS Bucket.

Log in to Cosmic JS.
Create a Bucket.
Go to your Bucket dashboard and find the Settings > Basic Settings menu.
Generate keys for Read/Write access for this bucket.
Safely store these secrets as env variables to be accessed for local development: COSMIC_READ_KEY and COSMIC_WRITE_KEY
Now when you run npm run dev you should see content from your bucket hydrating your views.

Run in production

COSMIC_BUCKET=your-bucket-slug npm start

Open http://localhost:3000.

Cosmic JS

You can easily manage the content in your Band Website on Cosmic JS. Cosmic JS makes a great Node.js CMS. Follow these steps:

Log in to Cosmic JS.
Create a Bucket.
Go to Your Bucket > Apps.
Install the Band Website.
Deploy your Band website to the Cosmic App Server at Your Bucket > Web Hosting. Your band mates will be impressed!