GitHub

  • Native iOS and Android apps share the same React Native codebase.
  • Sign up for Cosmic JS to install the app, add / edit content and deploy the web app.
  • The iOS and Android apps in this repo are built using React Native and the web app runs on a light Node.js web server, all with content served from the Cosmic JS CMS API .
  • Web is fully responsive down to mobile w/ Bootstrap frontend.

cross-platform-blog – A cross-platform blog for iOS, Android and web. Content powered by Cosmic JS.

@tonyspiro: Cross-Platform Blog w/ React Native & Cosmic JS #reactnative #reactjs #javascript #nodejsā€¦

This repo is an example of how to build cross-platform apps with content powered by Cosmic JS. The iOS and Android apps in this repo are built using React Native and the web app runs on a light Node.js web server, all with content served from the Cosmic JS CMS API. Create your content once, deliver everywhere.

Native iOS and Android apps share the same React Native codebase. Learn once, write anywhereTM.

Web is fully responsive down to mobile w/ Bootstrap frontend.

Images are easily manipulated for different device / browser requirements via the Cosmic JS provided Imgix integration.

Sign up for Cosmic JS to install the app, add / edit content and deploy the web app.

or have imported the bucket.json in the root of this repo to your own bucket in Cosmic JS.

View the web demo here

Go to http://localhost:5000.

Go to http://localhost:3000.

If you are new to React Native, make sure you check out the React Native docs to make sure you have everything set up properly.

Edit native/config.js to point to your bucket slug on Cosmic JS.

Run the iOS command inside the native folder:

Run the Android command inside the native folder:

For any questions, feel free to reach out to us on the Cosmic JS website through the Intercom chat bubble on the bottom right side of the page. Or join the Cosmic JS Community on Slack.

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.

GitHub