Scaffold Eth 2

screenshot of Scaffold Eth 2
nextjs
tailwind
daisyui

Open source forkable Ethereum dev stack

Overview

Scaffold-ETH 2 is an open-source toolkit designed for building decentralized applications (dapps) on the Ethereum blockchain. It provides developers with the tools they need to create and deploy smart contracts, as well as build user interfaces that interact with those contracts. Scaffold-ETH 2 is built using NextJS, RainbowKit, Hardhat, Wagmi, and Typescript. It offers features such as contract hot reload, custom hooks for simplified interactions with smart contracts, a collection of web3 components for building frontends, a burner wallet & local faucet for quick testing, integration with wallet providers, and a debug contracts tab.

Features

  • Contract Hot Reload: Your frontend automatically adapts to your smart contract as you edit it.
  • Custom Hooks: Collection of React hooks wrapper around wagmi to simplify interactions with smart contracts with Typescript autocompletion.
  • Components: Collection of common web3 components to quickly build your frontend.
  • Burner Wallet & Local Faucet: Quickly test your application with a burner wallet and local faucet.
  • Integration with Wallet Providers: Connect to different wallet providers and interact with the Ethereum network.
  • Debug Contracts Tab: Easily interact with your smart contracts using the debug contracts tab.
nextjs
Next.js

Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

daisyui
daisyUI

daisyUI adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.