How I Moved My Blog From WordPress to Cosmic JS

In this blog post I will tell you how I migrated my blog content from WordPress to its new happy cloud-content-powered home on . offers an intuitive API that can deliver content to any website or application, giving you the freedom to build your application using any programming language while allowing for easier scaling within your development team. Cosmic JS Cosmic JS offers a streamlined editing experience that gives you everything you need to publish content quickly and easily. Since there is no CMS installation, you can easily build content in any phase of development and avoid unnecessary process bottlenecks. Cosmic JS EXPORT FROM WORDPRESS The first step I had to take was to export the data out of my old blog. Since makes it super easy to import data into a bucket, all I had to do was find a WordPress plugin that exports WordPress data into a JSON file that is properly formatted to import into a Cosmic JS bucket. Luckily such a plugin exists :) . After installing the plugin, all I had to do was select which post types I wanted to export then click export. This gave me one JSON file with all of the data I needed to perform the migration into . Cosmic JS https://github.com/cosmicjs/cosmicjs-wp-export Cosmic JS _cosmicjs-wp-export - WordPress Export Plugin for Cosmic JS._github.com cosmicjs/cosmicjs-wp-export IMPORT INTO COSMIC JS The next step was importing the data into . To import into a new bucket, I created a new bucket and navigated to Bucket > Settings > Import / Export Data. Then I just dragged the JSON file that I exported from WP onto the page and within seconds my data (AND FILES!) were imported into my bucket. (Plugins are not imported) Cosmic JS BUILD THE NEW BLOG APP My next task was to build a new blog app. The app I chose was the Future Imperfect app available on the . It has a sleek, modern front end (designed by at ) and is built on top of a light-weight Node.js server (goodbye PHP!). I forked the Future Imperfect app from and edited it to suite my needs. made it easy to pull the content in from the Cosmic JS API into its new JavaScript backend. The mustache templates (Hogan) became the perfect compliment with the name-spaced object properties provided by the Cosmic JS JavaScript client, for example: {{ cosmic.object.nav.metafield.site-title.value }}, how easy is that?!? Cosmic JS Apps page @n33co HTML5UP.net the GitHub repo The Cosmic JS NPM module DEPLOY! The next and final step was to deploy the application for the world to see and marvel! I decided to deploy my new blog app using the deploy feature in my bucket. The path to do so is Bucket > Settings > Deploy Web App. It was really easy to add and click Deploy! Within a few minutes my new blog was deployed and out in the world. Cosmic JS the public GitHub url for my new blog I’m happy to say that the blog you are reading right now is built on this new easy-to-manage, fast Node.js / Cosmic JS application stack! With this new setup my blog is now much faster and performs much better on page speed tests. This is because my blog now runs on a light server / stack rather than a heavy stack of installed applications and plugins. CMS API I hope you’ve enjoyed my story of how I freed my content from the confines of an installed CMS. today and see how easy it is to free content! Let me know if you have any questions or comments in the comment section below. You can also . Create a free Cosmic JS account your reach out to me on Twitter Compare Cosmic JS to WordPress _Cosmic JS is an API-first CMS that helps teams of developers and content editors build apps faster. 64.5% of developers…_hackernoon.com Cosmic JS vs. WordPress is an API-first cloud-based content management platform that makes it easy to manage applications and content. If you have questions about the Cosmic JS API, please reach out to the founders on or . Cosmic JS Twitter Slack