Skip to content

The bare minimum you need to get a frontend up and running on Crystallize. React Native

License

Notifications You must be signed in to change notification settings

CrystallizeAPI/crystallize-react-native-boilerplate

Repository files navigation

Crystallize React Native Boilerplate (Beta)


This repository is what we call a "subtree split": a read-only copy of one directory of the main repository.

If you want to report or contribute, you should do it on the main repository: https://github.com/CrystallizeAPI/boilerplates


Storefront for the headless ecommerce & GraphQL based product Information Management service Crystallize. React Native eCommerce.

title

This React Native Boilerplate gives you a head start when building a React Native ecommerce app. You can have rich ecommerce content with the super structured PIM engine in Crystallize powering your product catalogue.

Note: The boilerplate is currently work in progress, but you can already load products and marketing content.

Check it out, the boilerplate is Open Source and MIT licensed.

Prerequisite

  • You need to have the latest version of Xcode installed
  • You need to have cocoapods installed
  • You need to download the iPhone 11 simulator via Xcode

Getting Started with the CLI

You can use Crystallize CLI to bootstrap a project with this React Native boilerplate.

Simply run the following command (>= Node 8 required):

npx @crystallize/cli my-project

This will walk you through the steps of specifying your tenant, choosing the template (React Native).

Running on iOS

To run the iOS app you need to have Xcode and Cocoapods installed. Once the CLI finishes the installation, navigate into your project using the terminal and run the following commands.

cd ios
pod install
cd ..

To run the app simply run the following command

npx react-native run-ios

Setting up Environment variables

Create a .env file in the root of the project if it doesn't exist. Add the following lines. This will tell the app to connect to our Service API and tenant. If you have your own setup, feel free to use that instead.

CRYSTALLIZE_TENANT_IDENTIFIER=furniture
PUBLIC_SERVICE_API_URL=https://service-api-demo.superfast.shop/api/graphql

About

The bare minimum you need to get a frontend up and running on Crystallize. React Native

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Contributors 3

  •  
  •  
  •