Cosmic JS Blog Stay tuned for feature roll-outs, news and updates as we continue to help you manage content for your websites and applications faster and easier.

How to Build a Cross-Platform Blog Using #ReactNative, #NodeJS and #CosmicJS 🚀

  • Cosmic JS is an API-first cloud-based content platform that makes it not only easy to add dynamic content to any existing or new website, but makes it possible to seamlessly deliver content across devices and platforms.
  • This comes with everything you need to get started with a basic website as well as the codebase for the native applications running React Native for iOS and Android.
  • React Native is a very powerful way to build applications for both iOS and Android.
  • To install and run the iOS React Native application run the following commands: – – Run the following commands to run the Android application (make sure you have your Android device emulator open): – – – – Looking at index.ios.js and index.android.js you will notice that the root of our…
  • Now when you edit content in your Cosmic JS bucket, you will see that the content automatically updates across Web, iOS and Android applications.

Cosmic JS is a cloud-hosted content platform that offers a flexible and intuitive CMS API. Build websites and applications with more freedom and manage content easier. Get started for Free.
Continue reading “Cosmic JS Blog Stay tuned for feature roll-outs, news and updates as we continue to help you manage content for your websites and applications faster and easier.”

Deploy a React Blog using Cosmic JS – Hacker Noon

  • Use the Cosmic JS NPM package to query your blog’s content and React to build a client side application.
  • 😎 You can refer to the original tutorial below to build the app from scratch, or continue reading to simply deploy the React Blog in 3 Steps.TL;DRReact BlogReact Blog DemoReact Blog CodebaseHow to Build a Blog Using Cosmic JS and be using Cosmic JS to install our example app, deploy…
  • Cosmic JS is an API-first Content Management Platform that allows developers to build apps in any programming language while giving content editors a familiar content editor to manage dynamic content from the cloud.
  • If you encounter any issues during deployment, you may be routed to the Cosmic JS Troubleshooting Page.Confirm Deploy Location using the content-ready app from Brian Ray in the Cosmic JS Community, so I’ll use his Master Repo: that your app is deployed to the Cosmic JS App Server, you’re free…
  • If you have questions about the Cosmic JS API, please reach out to the founders on Twitter or Slack.Carson Gibbons is the Co-Founder CMO of Cosmic JS, an API-first Cloud-based Content Management Platform that decouples content from code, allowing devs to build slick apps and websites in any programming language…

In this blog I will demonstrate deploying a React Blog App in 3 steps. This simple blog app is built using React, Redux, & Node.js. Use the Cosmic JS NPM package to query your blog’s content and…
Continue reading “Deploy a React Blog using Cosmic JS – Hacker Noon”

Cosmic JS vs. WordPress – Hacker Noon

  • Cosmic JS vs. WordPressCosmic JS vs. WordPress for Content ManagementCosmic JS is an API-first CMS that helps teams of developers and content editors build apps faster.
  • Wondering what makes Cosmic JS a more suitable CMS backend for you?Cosmic JS offers an intuitive API that can deliver content to any website or application.
  • Cosmic JS is more productiveInstalled content management systems create ongoing technical debt which becomes tomorrow’s problem.
  • Cosmic JS is an API-first content management platform so we take care of maintenance, security and scalability for you.Content stored in Cosmic JS and delivered by the API is protected with 256-bit SSL encryption.
  • You can also restrict access to your content by adding optional access tokens located in the Settings tab in your Cosmic JS Bucket.ConclusionLegacy content management systems are not equipped to handle the speed of modern business.

Cosmic JS is an API-first CMS that helps teams of developers and content editors build apps faster. 64.5% of developers surveyed on StackOverflow stated that WordPress was one of their most dreaded…
Continue reading “Cosmic JS vs. WordPress – Hacker Noon”

Deploy a React App on Cosmic JS in 3 Easy Steps – Hacker Noon

Deploy a React App on Cosmic JS in 3 Easy Steps – Hacker Noon  #ReactJS #javascript

  • Deploy a React App on Cosmic JS in 3 Easy StepsIn this blog I will demonstrate how to Install and Deploy a React | Redux | Node.js application onto Cosmic JS.
  • Cosmic JS is an API-first CMS that makes managing and building websites and applications faster and more intuitive.
  • To read more about how Cosmic JS was built with editing content in mind, read Building With the Content Editor in Mind.It’s as easy as signing up, creating a new bucket, installing the web application(s), edit objects and deploy!
  • I get my confirmation email to access my web application and also see my options for bucket upgrades like custom domains, one-click SSL, webhooks and localization.Cosmic JS 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 Twitter or Slack.Carson Gibbons is the Co-Founder CMO of Cosmic JS, an API-first Cloud-based Content Management Platform that decouples content from code, allowing devs to build slick apps and websites in any programming language…

In this blog I will demonstrate how to Install and Deploy a React | Redux | Node.js application onto Cosmic JS. The app is a simple ToDo App that consumes the Cosmic JS CMS API. I’ll be using Cosmic…
Continue reading “Deploy a React App on Cosmic JS in 3 Easy Steps – Hacker Noon”

Deploy a React Native Cross-Platform Blog in 3 Steps

Deploy a React Native Cross-Platform Blog in 3 Steps

  • This app is three apps in one: Web, iOS and Android app, all with content powered by Cosmic JS.
  • Go to the GitHub repo to see how the iOS and Android app share the same React Native codebase, cutting dev time in half.
  • 😎TL;DRYou can refer to the original tutorial below if you’d like to see how the app was built from scratch, or keep reading to simply deploy the React Native Cross-Platform Blog in 3 easy steps.Native iOS and Android apps share the same React Native codebase.
  • If you encounter any issues during deployment, you may be routed to the Cosmic JS Troubleshooting Page.Confirm Deploy Location and BranchDeploy Branch Confirmation ModalNow that your app is deployed to the Cosmic JS App Server, you’re free to completely manage your Cross-Platform Blog and all of its content from one place.Cosmic…
  • If you have questions about the Cosmic JS API, please reach out to the founders on Twitter or Slack.Carson Gibbons is the Co-Founder CMO of Cosmic JS, an API-first Cloud-based Content Management Platform that decouples content from code, allowing devs to build slick apps and websites in any programming language…

In this blog I will demonstrate deploying a Cross-Platform Blog in 3 steps. This app is three apps in one: Web, iOS and Android app, all with content powered by Cosmic JS. Go to the GitHub repo to…
Continue reading “Deploy a React Native Cross-Platform Blog in 3 Steps”

Building a React Universal Blog App: Implementing Flux — SitePoint

Building a #ReactJS Universal Blog #App: Implementing Flux:  by @tonyspiro #JavaScript

  • /components/App’ – – // Pages – import Blog from Default from Work from NoMatch from default ( – Route path=”/” data={AppStore.data} component={App} – IndexRoute component={Blog}/ – Route path=”about” component={Default}/ – Route path=”contact” component={Default}/ – Route path=”work” component={Work}/ – Route path=”/work/:slug” component={Work}/ – Route path=”/blog/:slug” component={Blog}/ – Route path=”*” component={NoMatch}/ -…
  • /Partials/Loading’ – – export default class App extends Component { – – // Add change listeners to stores – componentDidMount(){ – } – – // Remove change listeners from stores – componentWillUnmount(){ – } – – _onChange(){ – this.setState(AppStore) – } – – getStore(){ – AppDispatcher.dispatch({ – action: ‘get-app-store’ -…
  • data.ready){ – – document.body.className = ” – this.getStore() – – let style = { – marginTop: 120 – } – return ( – div className=”container text-center” style={ style } – Loading / – /div – ) – } – – // Server first – const Routes = { data: data…
  • /Partials/BlogSingle’ – – // Dispatcher – import AppDispatcher from default class Blog extends Component { – – componentWillMount(){ – this.getPageData() – } – – componentDidMount(){ – const data = this.props.data – document.title = config.site.title + ‘ | ‘ + data.page.title – } – – getPageData(){ – AppDispatcher.dispatch({ – action: ‘get-page-data’,…
  • keyBy(articles, ‘slug’) – const article = articles_object[slug] – main_content = lt;BlogSingle article={ article } /gt; – – } – – return ( – div – Header data={ data }/ – div id=”main-content” className=”container” – div className=”row” – div className=”col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1″ – { main_content } – /div – /div…

Tony Spiro continues his React Blog App by introducing Flux.
Continue reading “Building a React Universal Blog App: Implementing Flux — SitePoint”