Overview

The Deploy with Vercel project is a default Next.js project that has been customized as the default boilerplate for new Web3 projects. It offers several features to improve the development process for Web3 applications.

Features

Separate packages from ethers.js for improved tree-shaking, often only ethers Contracts
Hooks-first approach to fetching and caching data from Contracts and memoization for performance with SWR
web3-react for ease of connecting to Web3 providers with a solid API
Auto-generates types for the contract ABIs in the /contracts folder via TypeChain
Auto Contract Type Generation: After adding in new contract ABIs in JSON format to the /contracts folder, running yarn compile-contract-types generates the types.
Importable types for declaring a new Contract hook, showing function params and return types of functions among other helpful types.

Summary

The Deploy with Vercel project provides a default Next.js project customized for building Web3 applications. It offers several features to improve the development process, such as separate packages for improved tree-shaking, hooks for fetching and caching data, and auto-generation of contract types. The installation process is straightforward, and the project can be easily customized for specific needs.

Mirshko

Next Web3 Boilerplate