xNFTs - Simulator

Here we'll run your first xNFT inside the Backpack development simulator.

The simulator is an app that can be used for developing xNFTs directly inside Backpack with hot reloading.

Clone the Quickstart Repo

First, setup your new xNFT repo. You can use the quickstart template here.

git clone [email protected]:coral-xyz/xnft-quickstart.git
cd xnft-quickstart
yarn
yarn dev

This will start up the dev server for hot reloading.

Open the Simulator

Now that you're running your xNFT development server, open up the Simulator app inside Backpack.

simulator

If everything is working, you should see Hello world rendered to the screen. And that's it! If you try changing the code, you should see the xNFT immediately reload with your changes.

Now that you've got the basics setup for running your xNFT inside Backpack, we can cover the specific APIs of the react-xnft framework.