Simplify the process of creating a new smart contract by cloning the scaffold-eth repo.
Once you’ve cloned the scaffold you can run a blockchain locally with yarn chain
and also run your frontend with yarn start
You can find the repo here -> https://github.com/scaffold-eth/scaffold-eth
Instructor: [0:00] To get started, we're going to clone the Scaffold-ETH repository from GitHub. This will give us some pre-configured tooling and a nice UI, which we can use to iterate on our smart contract.
[0:10] In our terminal, let's type git clone https://github.com/scaffold-eth/scaffold-eth.git. Now that we're done cloning, let's cd to the scaffold-eth directory and then list out its contents by typing ls. You can see there's a package.json and a yarn.lock file in this directory, so we'll also need to do a quick yarn install.
[0:36] With our Node modules installed, let's look at the contents of the directory one more time. Again, we'll type ls. You can see there's a subdirectory called packages. We'll do ls packages to see the contents.
[0:54] Inside, there are a couple of folders. Take note that we have a hardhat subdirectory, which contains our smart contract, and a React app subdirectory, which contains our front-end UI.
[1:04] This means we're working with a monorepo, so we're going to need to run a couple different scripts here. First, we'll run yarn chain to spin up a local blockchain instance. Then we'll open another terminal session, and we'll cd into git scaffold-eth. Here, we'll run yarn start to spin up our React app. You should now see the Scaffold-ETH UI in your browser.
[1:30] To summarize, we cloned Scaffold-ETH to our machine, spun up a local blockchain with yarn chain, and then ran our front-end UI with yarn run start.
I've been getting an issue setting it up when I
yarn start
The react-scripts package provided by Create React App requires a dependency:
"babel-loader": "8.1.0"