Crystallize logo
More in Learn

React Native eCommerce Boilerplate

This React Native eCommerce boilerplate is gives you a bare minimum setup to build your own React Native App for iOS and Android. It is connected to the Crystallize API. By default this React Native eCommerce boilerplate is connected to our demo tenant called “Furniture”. This is the same tenant being used in the JAMStack eCommerce Boilerplate using NextJS and shows re-use of product information and rich marketing content across Web and iOS and Android Apps.

eCommerce shopping App illustration

Introduction livestream

Getting started with React Native eCommerce

To get started with your own React Native eCommerce App for iOS and Android you simply need to clone our boilerplate using the following commands:

git clone https://github.com/CrystallizeAPI/crystallize-react-native-boilerplate
yarn install
React Native demo App

iOS Setup

You need Xcode and Cocoapods installed to get started with this React Native boilerplate on iOS. Then run the following commands from the project directory root. Make sure you have installed Watchman (brew install watchman).

cd ios
pod install
cd ..
yarn start (in a separate terminal window)
yarn ios

Android Setup

To initialize you need to generate a debug key:

cd android/app

keytool -genkey -v -keystore debug.keystore -storepass android -alias androiddebugkey -keypass android -keyalg RSA -keysize 2048 -validity 10000

cd ../..

Then to start the metro builder in a separate terminal window:

yarn start
yarn android (you need to start your simulator or connect and Android phone)
People showing thumbs up

Need further help?

Join and ask our
slack community.

Join our slack community