Biconomy Gasless SDK (EOA)
DashboardMediumWebsite
  • 🚀Getting Started
  • Introduction
    • 🤘Why Biconomy?
    • 🙂How we simplify transactions
  • Products
    • 💸Gasless Transactions
      • Choose An Approach to Enable Gasless
        • Standard EIP 2771 Approach
          • 1. Register Artifacts on the Dashboard
          • 2. Code Changes
            • Using SDK
            • Using API
        • Custom Implementation Approach
          • 1. Register Artifacts on the Dashboard
          • 2. Code Changes
            • Using SDK
            • Using API
        • Smart Contract Wallet Approach
          • Gnosis
        • Network Agnostic Transactions
          • EIP-2771 Approach
          • Custom Approach
      • Conditional Whitelisting
      • Gasless SDK (EOA) 3
      • Networks Supported
    • ↔️Hyphen - Instant Cross-Chain Transfers
      • SDK
        • DepositManager
        • TransferManager
        • TokenManager
      • APIs
      • Helper Methods
      • Migrating from Hyphen V1
      • Contract Addresses
      • Hyphen Widget
  • Guides
    • 💻Dashboard
      • DApp Statistics
    • ⛽Gas Tank Deposits
      • Via Dashboard
      • Via Smart Contract
  • api
    • 🔧Native Meta Transaction
      • Get Retried Hashes
    • 🌎Dashboard APIs
    • ⚪Whitelist API
      • Whitelist Destination Address
      • Whitelist Proxy Contracts
    • 〰️ Check Limits
    • 💿Biconomy Data API
      • 👨‍🚀Unique User Data
      • 🧑‍🔧Per User Limits Data
      • ⛽Gas Tank Balance Data
  • SDK
    • 📙Gasless SDK (EOA)
      • Configuration
  • Tutorials
    • 🔰Native Meta Transactions
      • How To Build Your First DApp
        • Write Your First Smart Contract
        • Initialize Web3 on Client Side
        • Executing First Blockchain Transaction
      • Enable Native Meta Transactions
        • Smart Contract
          • Describe Your Structs
          • Declare Your Variables
          • Modify Respective Function
        • Client Side
          • Design Your JSON structure
          • Design Your Domain Separator
          • Design Data Types
          • Define Data To Sign
          • Generate Signatures
      • Integrate Biconomy
        • Register On Dashboard
        • Integrate Gasless SDK (EOA)
      • Summary
  • BICO Staking
    • 🪁Safety Module
  • Get in touch
    • 👥Contact Us
  • Misc
    • 🧩Projects on Biconomy
    • 🌐Supported Networks
    • 📫Contract Addresses
    • ✔︎ Smart Contracts Audit
    • ❓FAQs
Powered by GitBook
On this page
  • Prerequisite
  • What to expect in the tutorial

Was this helpful?

  1. Tutorials

Native Meta Transactions

Building your first meta transaction enabled DApp

PreviousConfigurationNextHow To Build Your First DApp

Last updated 2 years ago

Was this helpful?

This tutorial is a step by step approach of making a simple DApp (Decentralized Application) on Ethereum Blockchain from scratch creating both smart contract and the client side UI.

Then we'll be enabling native meta transactions in the smart contract and at last enabling gasless transactions in the DApp by integrating Gasless SDK (EOA) on client side.

Demo Code

Live Demo

Prerequisite

This tutorial assumes you know the basics of on , basics of and .

Click on the links above to know more about the topic.

What to expect in the tutorial

This tutorial is divided into three sections

We'll be creating a simple Quote Owning DApp where a quote will be shown on the screen along with its owner information. Anyone can update the quote stored on the blockchain using his account and everyone will see the changed quote with the new owner information. Simple enough?

Now we have a simple DApp with a smart contract and a user interface to interact with the smart contract. In order to enable native meta transactions in this DApp, we need to do some modifications in the smart contract so that we can get rid of msg.sender property from our smart contracts.

Integrate Biconomy to enable meta transactions

Now we have everything setup, last step is Biconomy integration to convert a bad user experience into a magical user experience. You'll see it yourself at the end of tutorial.

Let's get started

🔰
🚀
https://github.com/bcnmy/dapp-demo
https://dapp.biconomy.io/
Solidity programming
Ethereum
reactjs
nodejs
Building a simple DApp
Enable Native Meta Transaction
Quotes DApp