The Complete Guide to Full Stack Ethereum Development

• full-stack-ethereum

  2 795 0.0 TypeScript

  Building full stack apps with Solidity, Ethers.js, Hardhat, and The Graph

The code for this project is located here

• scaffold-eth

  34 3,067 9.2 CSS

  Discontinued 🏗 forkable Ethereum dev stack focused on fast product iterations [Moved to: https://github.com/scaffold-eth/scaffold-eth] (by austintgriffith)

  

The problem that I ran into though while learning this was that while there was fairly good documentation out there for each of these things individually, there was nothing really out there for how to put all of these things together and understand how they worked with each other. There are some really good boilerplates out there like scaffold-eth (which includes Ethers, Hardhat, and The Graph), but may be too much to pick up for people just getting started.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• hardhat

  126 6,754 9.9 TypeScript

  Hardhat is a development environment to compile, deploy, test, and debug your Ethereum software.

  

Next, change into the new directory and install ethers.js and hardhat using either NPM or Yarn:

• Gatsby

  356 55,000 9.4 JavaScript

  The best React-based framework with performance, scalability and security built in.

  

React and its large ecosystem of metaframeworks like Next.js, Gatsby, Redwood, Blitz.js, and others enable all types of deployment targets including traditional SPAs, static site generators, server-side rendering, and a combination of all three. React continues to be seemingly dominating the front-end space and I think will continue to do so for at least the near future.

• graph-node

  125 2,780 9.8 Rust

  Graph Node indexes data from blockchains such as Ethereum and serves it over GraphQL

  

▶︎ Client Framework - React ▶︎ Ethereum development environment - Hardhat ▶︎ Ethereum Web Client Library - Ethers.js ▶︎ API layer - The Graph Protocol

• redwood

  114 16,734 10.0 TypeScript

  The App Framework for Startups

  

React and its large ecosystem of metaframeworks like Next.js, Gatsby, Redwood, Blitz.js, and others enable all types of deployment targets including traditional SPAs, static site generators, server-side rendering, and a combination of all three. React continues to be seemingly dominating the front-end space and I think will continue to do so for at least the near future.

• Next.js

  2,041 120,572 10.0 JavaScript

  The React Framework

  

React and its large ecosystem of metaframeworks like Next.js, Gatsby, Redwood, Blitz.js, and others enable all types of deployment targets including traditional SPAs, static site generators, server-side rendering, and a combination of all three. React continues to be seemingly dominating the front-end space and I think will continue to do so for at least the near future.

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

• metamask-extension

  1,137 11,467 10.0 JavaScript

  :globe_with_meridians: :electric_plug: The MetaMask browser extension enables browsing Ethereum blockchain enabled websites

  

MetaMask Chrome extension installed in your browser

Suggest a related project