← Back to Home

Web3 Application Starter Kit

Everything you need to start building a winning Web3 application with blockchain integration

Ethereum Blockchain Data

Blockchain Info

Loading blockchain data...

Real-time data from Ethereum Mainnet

BSC Blockchain Data

BSC Mainnet Info

Loading BSC data...

Real-time data from Binance Smart Chain using your Infura API key

MetaMask Smart Accounts

Smart Accounts are programmable accounts that enable enhanced functionality beyond traditional wallets. This demo uses MetaMask's Smart Accounts Kit with a Hybrid implementation.

MetaMask Smart Accounts Demo

Smart Account Creation

About Smart Accounts

  • Smart Accounts are programmable accounts that enable enhanced functionality beyond traditional wallets
  • This demo uses MetaMask's Smart Accounts Kit with a Hybrid implementation
  • User operations are bundled and submitted through a bundler service
  • The account is automatically deployed on the first transaction

Client-Side Connection Test

BSC Connection Test

Testing connection to BSC Mainnet...

About this test

This component tests the connection to BSC Mainnet using your Infura API key. It makes a simple request to fetch the current block number to verify that the connection is working properly.

Server-Side API Test

BSC API Connection Test

About this test

This component tests the connection to BSC Mainnet through a Next.js API route. The API route uses the configured BSC client to fetch blockchain data and returns it as JSON.

Web3 Development Resources

Send Requests

Test sending a variety of requests directly from documentation

Try it →

Integrate MetaMask

Use MetaMask SDK to connect user wallets to your app

Learn how →

Developer Center

Interactive lessons to begin your Web3 journey

Start learning →

Community Support

Get personalized support from the MetaMask community

Join Discord →

Technology Stack

Frontend

  • • Next.js 14 (App Router)
  • • React 18
  • • TypeScript
  • • Tailwind CSS

Blockchain

  • • Viem (Ethereum library)
  • • MetaMask Smart Accounts Kit
  • • Infura (RPC provider)
  • • BSC & Ethereum Mainnet

Backend

  • • Next.js API Routes
  • • Server Actions
  • • Supabase (Database/Auth)
  • • Prisma ORM