Codementor Events

QuickStart a Vue.js App Using a CMS API

Published Jul 24, 2018Last updated Jul 25, 2018
QuickStart a Vue.js App Using a CMS API

Vue.js is an open-source JavaScript framework for building user interfaces that’s steadily been gaining popularity over the last several years. The upside for Vue developers is that integrating into projects that use other JavaScript libraries is simplified with Vue because it is designed to be incrementally adoptable. Utilizing a headless CMS to integrate with a Vue.js application is a breeze as using a headless CMS API allows developers to build their app using their favorite tools while allowing marketers and content managers to manage content from a web-based Dashboard.

Cosmic JS offers a headless CMS that enables content managers and developers to work better together. By providing an intuitive Admin Dashboard, powerful APIs, and flexible user roles, applications are built faster, more light-weight, and your whole team ends up saving time in the process.

0*svPv6St7ODf7poyW.png

Cosmic JS makes it easy to manage content for your Vue.js applications. You can install the Official Cosmic JS JavaScript Client to integrate your Vue.js app today, or keep reading to install the Vue.js Starter.

TL;DR:

Vue Starter
Developer Docs
Vue Knowledge Base
Developer Articles: Vue.js

QuickStart a Vue.js App using a Headless CMS API

Cosmic JS is an example of a robust headless CMS and API that’s promoting collaboration on cross-functional teams to build apps faster. Get started building Cosmic-powered apps in seconds 🚀 We have Node.js, React, Vue, Gatsby and Serverless Starters to help you get your project started quickly.

🛠️ Installation

ice_screenshot_20180724-100700.png

I set up an example Bucket for this blog:
ezgif-2-d98258823a.gif

Run cosmic -h for a list of all commands. Run cosmic [command] -h for details on options for a specific command. You're now up and running with a Vue Starter that can be managed entirely from your Cosmic JS Bucket Dashboard and Command Line Terminal tool of choice.

Conclusion

When ditching the installed content management system and going API-first isn’t quick enough, check out the Starter Apps from Cosmic JS to get a project up and running in seconds. 🔥

If you have any comments or questions about building Vue.js apps with Cosmic JS, reach out to us on Twitter and join the conversation on Slack.

Discover and read more posts from Carson Gibbons
get started