Design Spin Builds a React Website with Cosmic JS – Hacker Noon

  • If this was a WordPress website the language we would be using on the server side would be PHP, but we would still be using JavaScript on the client side for any browser trickery such as the image sliders mentioned.
  • When you visit this website, the first page is delivered from the server then further page changes are handled client side.
  • Lighthouse is available within the Google Chrome browsers development tools, allowing you to quickly audit any of your web pages for Progressive Web Apps, Performance, Best Practices and Accessibility.
  • “I hope in the future that this new website will convince clients to avoid WordPress and use the fantastic Cosmic JS API to build apps and manage content.”
  • 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 they want.

Design Spin is a boutique independent design and development shop in Norwich, England. Principal Jason Foster focuses on creating premium interactive experiences for clients through web and mobile…
Continue reading “Design Spin Builds a React Website with Cosmic JS – Hacker Noon”

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”

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”

Deploy an AngularJS Ecommerce App in 4 Steps – Hacker Noon

  • Deploy an AngularJS Ecommerce App in 4 StepsThis Ecommerce App is built using AngularJS, Node.js and Cosmic JS.In this blog I will demonstrate how to Install and Deploy an AngularJS Ecommerce Application built using AngularJS, Node.js and Cosmic JS.
  • Simply install and deploy the application, and within two clicks you can set up your Stripe keys as Environment Variables to begin accepting orders and processing transactions with your new AngularJS Ecommerce App.2.
  • Install the AngularJS Ecommerce AppCosmic JS gives you the ability to filter between utilities and programming languages.Cosmic JS Ecommerce App3.
  • Connect Stripe KeysAfter you deploy, you can set your Stripe keys as environment variables by going to Your Bucket Deploy Web App Set Environment Variables.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 they want.

In this blog I will demonstrate how to Install and Deploy an AngularJS Ecommerce Application built using AngularJS, Node.js and Cosmic JS. This Ecommerce Application allows you to process orders from…
Continue reading “Deploy an AngularJS Ecommerce App in 4 Steps – 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 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 they want.

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”

Build a Voting App using React

Build a voting app using #ReactJS, #MobX, and Bootstrap:

  • Build a Voting App using React | MobX | Bootstrap
  • Cosmic JS is an API-first cloud-based content management platform that makes it easy to manage applications and content.
  • Cosmic JS is an API-first Content Management Platform
  • Add unlimited polls, upload images for each option and each poll has its own unique link.
  • 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 they want.

Cosmic JS has debuted a Voting App that allows us to feel the pulse of voters on various topics from favorite programming languages, favorite fast food chains & even the 2016 Presidential election…
Continue reading “Build a Voting App using React”

How to Build a Cross-Platform Blog Using React Native and Node.js

How to Build a Cross-Platform Blog Using React Native and Node.js

  • You need to download Android Studio and make sure you have the correct version of the Java SDK installed and make sure you have all of the developer tools installed.
  • Looking at index.ios.js and index.android.js you will notice that the root of our application for both iOS and Android runs at App.js.
  • Now when you edit content in your Cosmic JS bucket, you will see that the content automatically updates across Web, iOS and Android applications.
  • React Native is a very powerful way to build applications for both iOS and Android.
  • Cosmic JS is an API-first cloud-based content management platform that makes it easy to manage applications and content.

Originally written by Tony Spiro for CosmicJS.com. Tony Spiro is the Co-Founder & CEO of Cosmic JS, an API-first Cloud-based Content Management Platform that decouples content from code, allowing…
Continue reading “How to Build a Cross-Platform Blog Using React Native and Node.js”