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 AppReact VR Gallery App CodebaseReact 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
- Go to Cosmic JS and import the included
bucket.jsonfile in this repo by going to Your Bucket > Settings > Import / Export. - Go into the
index.vr.jsfile, find the config section and add your Bucket slug. - Start the app connected to your Bucket:
- 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.