Set Up Your Computer · Substrate Developer Hub

Normally, we would teach you more about the Substrate blockchain development framework, however, setting up your computer for Substrate development can take a while.

To optimize your time, we will have you start the setup process. While things are compiling, you can continue to the next section to learn more about Substrate and what we are building.

Prerequisites

You will probably need to do some set-up to prepare your computer for Substrate development.

Substrate Development

Before you continue, complete the official Installation guide. After rustup has been installed and configured, and you've configured the Rust toolchain to default to the latest stable version you can return to these steps.

Compiling Substrate

Once the prerequisites are installed, you can use Git to clone the Substrate Developer Hub Node Template, which serves as a good starting point for building on Substrate.

Clone the Node Template (version v3.0.0).

git clone -b v3.0.0 --depth 1 https://github.com/substrate-developer-hub/substrate-node-template

Compile the Node Template

cd substrate-node-template
# NOTE: you should always use the `--release` flag
cargo build --release
# ^^ this will take a while!

The time required for the compilation step depends on the hardware you're using.

You should start building the node template before moving on!

Install the Front-End Template

This tutorial uses a ReactJS front-end template to allow you to interact with the Substrate-based blockchain node that you should have started compiling in the previous step. You can use this same front-end template to create UIs for your own projects in the future.

To use the front-end template, you need Yarn, which itself requires Node.js. If you don't have these tools, you must install them from these instructions:

Now you can proceed to set up the front-end template with these commands.

# Clone the frontend template from github
git clone -b v3.0.0 --depth 1 https://github.com/substrate-developer-hub/substrate-front-end-template

# Install the dependencies
cd substrate-front-end-template
yarn install