Web3 Starter Kit

Web3 Starter Kit is a forkable boilerplate for building decentralized applications on Ethereum and Polygon, combining Next.js, Chakra UI, Hardhat, RainbowKit, and Wagmi into a pre-configured monorepo.

What is Web3 Starter Kit?

Web3 Starter Kit is a starter template that gives developers a running dApp scaffold with a smart contract environment and a connected frontend. It provides a Yarn monorepo containing a Hardhat package for Solidity contracts and a Next.js package for the web interface, with a default Greeter contract and a page that can interact with it. The template is open source and maintained by developer lakshh07, and its contracts are configured to deploy to the Polygon Mumbai testnet out of the box.

Key Features

• Monorepo layout — Separates smart contract tooling into packages/hardhat and frontend code into packages/next-app, so contract and app workstreams stay isolated.
• Pre-written Greeter contract — A simple Solidity contract in packages/hardhat/contracts/Greeter.sol that you can edit to create your own on-chain logic.
• Next.js and Chakra UI frontend — The web app in packages/next-app uses Next.js pages styled with Chakra UI, with the main file at pages/index.js rendering the dApp interface.
• RainbowKit and Wagmi wallet integration — Users connect wallets through RainbowKit while Wagmi hooks handle Ethereum interactions such as reading contract state and sending transactions.
• Deployment scripts — Hardhat scripts in packages/hardhat/scripts/deploy.js compile and deploy the contract to configured networks.
• Alchemy environment configuration — An .env file in the Hardhat package expects an ALCHEMY_KEY value that you replace with your own key for testnet and production deployments.
• Framework branches — The repository offers separate branches for React.js and TypeScript versions of the starter in addition to the default Next.js setup.

Who is it for?

Web3 Starter Kit is built for developers who want to skip the setup phase and start writing contract and frontend code immediately. It suits hackathon participants who need a working dApp skeleton, teams prototyping Ethereum or Polygon products, and Solidity developers learning how to connect a contract to a Next.js interface.

What can you do with Web3 Starter Kit?

• DApp developers: Edit Greeter.sol and deploy it with Hardhat to create a custom contract, then modify index.js to interact with it.
• Hackathon teams: Clone the repo, run yarn install and yarn dev, and have a wallet-connected dApp on localhost:3000 within minutes.
• Learners: Use the starter as a reference for how Next.js, Chakra UI, Hardhat, RainbowKit, and Wagmi fit together in a production-like structure.

How does Web3 Starter Kit work?

After cloning, run yarn install in the project root to install all monorepo dependencies. Then start the Next.js frontend with yarn dev and open http://localhost:3000. For the contract side, replace the placeholder ALCHEMY_KEY in packages/hardhat/.env with a key from Alchemy, then use Hardhat scripts to deploy to testnets such as Polygon Mumbai.

FAQ

Is Web3 Starter Kit free?

Yes, the repository is open source and can be cloned or forked freely from GitHub.

Do I need an Alchemy account?

Yes, to deploy contracts to testnets or mainnet you need an RPC key from Alchemy, which you set in packages/hardhat/.env.

Which testnet does it use by default?

The default deployment network is Polygon Mumbai, though the Hardhat config can be modified to other networks.

What frontend frameworks are available?

The main template uses Next.js with Chakra UI, and the repository also has branches for React.js and TypeScript.