https://github.com/reime005/gatsby-dapp-example

A simple example of using the Ethereum blockchain with Gatsby.Js. Smart contract is written in Solidity and developed using Truffle Framework.
https://github.com/reime005/gatsby-dapp-example

dapp ethereum gatsbyjs netlify react smart-contracts solidity truffle

Last synced: 13 days ago
JSON representation

A simple example of using the Ethereum blockchain with Gatsby.Js. Smart contract is written in Solidity and developed using Truffle Framework.

• Host: GitHub
• URL: https://github.com/reime005/gatsby-dapp-example
• Owner: reime005
• Created: 2018-08-05T11:57:23.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2022-11-22T15:43:58.000Z (almost 2 years ago)
• Last Synced: 2024-04-14T06:27:20.677Z (7 months ago)
• Topics: dapp, ethereum, gatsbyjs, netlify, react, smart-contracts, solidity, truffle
• Language: JavaScript
• Homepage: https://mariusreimer.com
• Size: 1.06 MB
• Stars: 10
• Watchers: 3
• Forks: 2
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Gatsby DApp example - Name Storage Example

A simple example of storing names in different ways using the Ethereum blockchain. 

Tech stack:

* Gatsby.JS using the [gatsby-advanced-blog](https://github.com/wonism/gatsby-advanced-blog) starter/boilerplate, which already includes redux-saga and more

* Netlify as a continuous deployment 

* Truffle Framework for deploying and testing Solidity smart contracts

* Drizzle as a reactive datastore for DApp's

A current deployed version can be found here: [https://gatsby-dapp-example.netlify.com/](https://gatsby-dapp-example.netlify.com/). Note: I've been using the Rinkeby test net.

For an overview of the project structure please refer to the [Gatsby documentation - Building with Components](https://www.gatsbyjs.org/docs/building-with-components/).

## Try it

[![Check it out on Netlify](https://www.netlify.com/img/deploy/button.svg)](https://gatsby-dapp-example.netlify.com/)

## Install

```sh

npm install 

```

For local development:

```sh

npm run development

```

For static production builds:

```sh

npm run build

```

The output can be found in the public folder.

## Known Issues

* The initialization of Drizzle lead to issues with the gatsby build process. I had to copy parts of the library into my repository, which is definitely not recommended!

* Due to the MetaMask provider you cannot listen to Events right now. An alternative would be to use the Web Socket Provider, but then you won't be able to use MetaMask properly or have other issues. See [this issue](https://github.com/MetaMask/metamask-extension/issues/3642)