Getting Started with the iTwin Viewer Create React App Template

This project was bootstrapped with Create React App.

Environment Variables [OPTIONAL]

Prior to running the app, you will need to add OIDC client configuration to the variables in the .env file:

ITWIN_VIEWER_CLIENT_ID="native-xxxxxxxx"

• You should generate a client to get started. The client that you generate should be for a desktop app and use the Visualization apis. You can add the default redirect uri (http://localhost:3000/signin-callback).

• You may also replace the path of the sample snapshot with one of your own local snapshots in the following variable:

ITWIN_VIEWER_SNAPSHOT="./path/to/my/snapshot"

This will load the snapshot in the Viewer by default.

Available Scripts

In the project directory, you can run:

yarn install

Note: To install yarn npm install -g yarn

yarn start

Runs the Electron app in the development mode.
The page will reload if you make edits.

yarn build:backend

Compiles the backend.

yarn build:frontend

Compiles and bundles the frontend.

Next Steps

• iTwin Viewer options

• Extending the iTwin Viewer

• Using the iTwin Platform

• iTwin Developer Program