Build a Dapp with ViteJS, React and MetaMask SDK

In this tutorial, we explore how to build a dapp using ViteJS, React, and the MetaMask SDK. Learn to create on-chain SVG NFT tickets.

by Kingsley Okonkwo & Eric BishardDecember 14, 2023
Build a Dapp with ViteJS, React and MetaMask SDK

In this tutorial, you'll learn the steps to create a full-stack dapp using ViteJS, React, MetaMask SDK, and Linea. We'll start by cloning a GitHub repository that leverages the MetaMask SDK. Primarily, this tutorial will focus on the configuration aspects of the dapp.

For those new to the MetaMask SDK, it's a powerful tool that enables connections to the MetaMask browser extension or mobile app through simple instantiation within your project and by calling eth_requestAccounts.

Lastly, we'll be deploying our project code to Linea, a Layer 2 zkEVM developed by Consensys. Alongside the practical steps, this tutorial provides a concise introduction to Linea. If you're seeking a deeper understanding of Linea and Layer 2 solutions in general, we recommend watching a crash course by the Linea developer advocate.

For more insightful tutorials like this, visit the new MetaMask Developers website.

Receive our Newsletter