Install a React VR App in 2 Minutes

In this blog I’m going to demo installing a React Virtual Reality App in just a few simple steps. The app was recently debuted at a ReactJS Dallas Meetup by Tony Spiro, co-founder of Cosmic JS. The React VR app is a portrait gallery application that has various realms and portraits powered by the Cosmic JS API.

TL;DR:

React VR Gallery App
React VR Gallery App Codebase
React VR Gallery App Demo Video

Installation

This connects to a demo Bucket. To connect to your own Bucket follow the steps below:

Connect to your Bucket

  1. Go to Cosmic JS and import the included bucket.json file in this repo by going to Your Bucket > Settings > Import / Export.
  2. Go into the index.vr.js file, find the config section and add your Bucket slug.
  3. Start the app connected to your Bucket:
  4. Play with the VR experience in the browser at http://localhost:8081/vr

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.


Install a React VR App in 2 Minutes was originally published in Hacker Noon on Medium, where people are continuing the conversation by highlighting and responding to this story.