https://github.com/happy-machine/vue-blog-netlify-template
https://github.com/happy-machine/vue-blog-netlify-template
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/happy-machine/vue-blog-netlify-template
- Owner: happy-machine
- Created: 2019-09-29T13:36:15.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2022-12-07T21:17:03.000Z (over 2 years ago)
- Last Synced: 2025-01-26T19:09:33.064Z (5 months ago)
- Language: JavaScript
- Size: 2.14 MB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Vue.js Blog Template Powered by Cosmic JS
A simple Vue.js template for creating a fast, beautiful blog on Netlify powerd by the [Cosmic JS Headless CMS](https://cosmicjs.com) for content editing.
This template provides blog, blog posts, authors and elegant modern design ready to deploy on [Netlify](http://netlify.com/) in one click!

### [View live demo](https://cosmicjs.com/apps/simple-vue-blog)
## Getting Started
Below are steps to deploy your application to Netlify and integrate with Cosmic JS for content editing.
### 1. Deploy to Netlify
Click the button below to deploy this application to Netlify. By default, it will be connected to a Bucket with demo content.
[](https://app.netlify.com/start/deploy?repository=https://github.com/cosmicjs/vue-blog-netlify-template)
### 2. Create Cosmic JS Bucket
[Install the Simple Vue Blog](https://cosmicjs.com/apps/simple-vue-blog) by clicking `Install Free` on the app page.

### 3. Generate Credentials
Click on `Settings` and then `Basic Settings` in your Bucket dashboard. There you can generate `API Read Access Key` & `API Write Access Key` and save them. This step is optional but recommended for security purposes.

### 4. Add Environment Variable - Netlify
Now go to Netlify Site Settings and then go to the `Build and Deploy` page. Scroll down and you will see `Build environment variables` section where you will enter Cosmic JS Bucket credentials.
```javascript
{
COSMIC_BUCKET: "", /* Default: 'simple-vue-blog' */
COSMIC_READ_KEY: "", /* Default: ' */
COSMIC_WRITE_KEY: "", /* Default: '' */
BLOG_TITLE: "", /* Default: 'Vue Blog Cosmic JS' */
}
```
### 5. Redeploy
At last, go to Netlify `Deploys` page and Trigger Deploy. Congratulation, your application is deployed and connected to Cosmic JS Bucket.
