Skip to main content
Version: V2

Quick Setup

This guide will cover all the necessary steps and teach you how to create a NFT/SBT issuing platform. You are going to build this project using React.js.

Installation​

Before you start, make sure that you have installed Node.js and MetaMask Chrome extension and afterward open the terminal and run the command:

npx create-react-app my-app --template typescript

or

yarn create-react-app my-app --template typescript

Apollo client​

In addition, you will be using the Apollo client library to query the CyberConnect API, so in the terminal run the following command to install the packages:

npm install @apollo/client graphql

Full code​

info

The demo presented in this guide is using the CyberConnect Profile smart contract for the Goerli Testnet Network. Please refer to the Cheat sheet to find the full list of contract addresses for the CyberConnect Protocol.

The demo in this guide covers the following steps:

  1. Authentication
  2. Create Profile NFT
  3. Create Essence NFT
  4. Collect Essence NFT

Github​

Check out the full code for the demo in the repo: https://github.com/cyberconnecthq/build-nft-sbt-guide.

Sandbox​

Test out or play around with the the code in the sandbox below.

Now that everything is set up, let's dive into it and start building a NFT/SBT issuing platform!

Designed by