Best Practices for Building High Performance Apps

Configure web hosting to keep costs under control

Vercel and Railway provide convenient serverless platforms for hosting your application, abstracting away the logistics of web hosting relative to using a cloud provider directly. You may end up paying a premium for the convenience, especially at higher volumes.
AWS and other cloud providers offer more flexibility and commodity pricing.
Before choosing any service, check pricing and be aware that many providers offer loss-leader pricing on lower volumes, but then charge higher rates once you hit a certain threshold.
- For example, suppose there is a $20 plan that includes 1 TB per month of data transfer, with $0.20 per GB beyond that. Be aware that the second TB (and onward) will cost $200. If the next tier up says "contact us", don't assume the next tier up will be charging $20 per TB.
- If you are building a high-traffic app and you aren't careful about serving static files more cheaply, it will be easy to exceed the loss-leader tier and pay much more than you expect.
For production deployments on AWS, consider:
- Amazon S3 + CloudFront for static file hosting and CDN
- AWS Lambda for serverless functions
- Amazon ECS or EKS for containerized applications
- Amazon RDS for database needs
- This setup typically provides granular cost control and scalability for high-traffic applications.

Avoid unnecessary RPC calls to methods with static responses

eth_chainId always returns 10143
eth_gasPrice always returns 52 * 10^9
eth_maxPriorityFeePerGas always returns 2 * 10^9

Use a hardcoded value instead of `eth_estimateGas` call if gas usage is static

Many on-chain actions have a fixed gas cost. The simplest example is that a transfer of native tokens always costs 21,000 gas, but there are many others. This makes it unnecessary to call eth_estimateGas for each transaction.

Use a hardcoded value instead, as suggested here. Eliminating an eth_estimateGas call substantially speeds up the user workflow in the wallet, and avoids a potential bad behavior in some wallets when eth_estimateGas reverts (discussed in the linked page).

Use an indexer instead of repeatedly calling `eth_getLogs` to listen for your events

Below is a quickstart guide for the most popular data indexing solutions. Please view the indexer docs for more details.

Using Allium

note

Using Envio HyperIndex

note

Follow the quick start to create an indexer. In the config.yaml file, use network ID 10143 to select Monad Testnet.

Example configuration

Sample config.yaml file

name: your-indexers-name
networks:
- id: 10143  # Monad Testnet
  # Optional custom RPC configuration - only add if default indexing has issues
  # rpc_config:
  #   url: YOUR_RPC_URL_HERE  # Replace with your RPC URL (e.g., from Alchemy)
  #   interval_ceiling: 50     # Maximum number of blocks to fetch in a single request
  #   acceleration_additive: 10  # Speed up factor for block fetching
  #   initial_block_interval: 10  # Initial block fetch interval size
  start_block: 0  # Replace with the block you want to start indexing from
  contracts:
  - name: YourContract  # Replace with your contract name
    address:
    - 0x0000000000000000000000000000000000000000  # Replace with your contract address
    # Add more addresses if needed for multiple deployments of the same contract
    handler: src/EventHandlers.ts
    events:
    # Replace with your event signatures
    # Format: EventName(paramType paramName, paramType2 paramName2, ...)
    # Example: Transfer(address from, address to, uint256 amount)
    # Example: OrderCreated(uint40 orderId, address owner, uint96 size, uint32 price, bool isBuy)
    - event: EventOne(paramType1 paramName1, paramType2 paramName2)
    # Add more events as needed

Sample EventHandlers.ts

import {
  YourContract,
  YourContract_EventOne,
} from "generated";

// Handler for EventOne
// Replace parameter types and names based on your event definition
YourContract.EventOne.handler(async ({ event, context }) => {
  // Create a unique ID for this event instance
  const entity: YourContract_EventOne = {
    id: `${event.chainId}_${event.block.number}_${event.logIndex}`,
    // Replace these with your actual event parameters
    paramName1: event.params.paramName1,
    paramName2: event.params.paramName2,
    // Add any additional fields you want to store
  };

  // Store the event in the database
  context.YourContract_EventOne.set(entity);
})

// Add more event handlers as needed

Important: The rpc_config section under a network (check config.yaml sample) is optional and should only be configured if you experience issues with the default Envio setup. This configuration allows you to:
- Use your own RPC endpoint
- Configure block fetching parameters for better performance
Relevant docs:
- Overview

Using GhostGraph

note

Using Goldsky

note

Using QuickNode Streams

note

Using The Graph's Subgraph

note

See also: The Graph

Network ID to be used for Monad Testnet: monad-testnet

Example configuration

Sample subgraph.yaml file

specVersion: 1.2.0
indexerHints:
  prune: auto
schema:
  file: ./schema.graphql
dataSources:
  - kind: ethereum
    name: YourContractName # Replace with your contract name
    network: monad-testnet # Monad testnet configuration
    source:
      address: "0x0000000000000000000000000000000000000000" # Replace with your contract address
      abi: YourContractABI # Replace with your contract ABI name
      startBlock: 0 # Replace with the block where your contract was deployed/where you want to index from
    mapping:
      kind: ethereum/events
      apiVersion: 0.0.9
      language: wasm/assemblyscript
      entities:
        # List your entities here - these should match those defined in schema.graphql
        # - Entity1
        # - Entity2
      abis:
        - name: YourContractABI # Should match the ABI name specified above
          file: ./abis/YourContract.json # Path to your contract ABI JSON file
      eventHandlers:
        # Add your event handlers here, for example:
        # - event: EventName(param1Type, param2Type, ...)
        #   handler: handleEventName
      file: ./src/mapping.ts # Path to your event handler implementations

Sample mappings.ts file

import {
  // Import your contract events here
  // Format: EventName as EventNameEvent
  EventOne as EventOneEvent,
  // Add more events as needed
} from "../generated/YourContractName/YourContractABI" // Replace with your contract name, abi name you supplied in subgraph.yaml

import {
  // Import your schema entities here
  // These should match the entities defined in schema.graphql
  EventOne,
  // Add more entities as needed
} from "../generated/schema"

/**
  * Handler for EventOne
  * Update the function parameters and body according to your event structure
  */
export function handleEventOne(event: EventOneEvent): void {
  // Create a unique ID for this entity
  let entity = new EventOne(
    event.transaction.hash.concatI32(event.logIndex.toI32())
  )
  
  // Map event parameters to entity fields
  // entity.paramName = event.params.paramName
  
  // Example:
  // entity.sender = event.params.sender
  // entity.amount = event.params.amount

  // Add metadata fields
  entity.blockNumber = event.block.number
  entity.blockTimestamp = event.block.timestamp
  entity.transactionHash = event.transaction.hash

  // Save the entity to the store
  entity.save()
}

/**
  * Add more event handlers as needed
  * Format:
  * 
  * export function handleEventName(event: EventNameEvent): void {
  *   let entity = new EventName(
  *     event.transaction.hash.concatI32(event.logIndex.toI32())
  *   )
  *   
  *   // Map parameters
  *   entity.param1 = event.params.param1
  *   entity.param2 = event.params.param2
  *   
  *   // Add metadata
  *   entity.blockNumber = event.block.number
  *   entity.blockTimestamp = event.block.timestamp
  *   entity.transactionHash = event.transaction.hash
  *   
  *   entity.save()
  * }
  */

Sample schema.graphql file

# Define your entities here
# These should match the entities listed in your subgraph.yaml

# Example entity for a generic event
type EventOne @entity(immutable: true) {
  id: Bytes!
  
  # Add fields that correspond to your event parameters
  # Examples with common parameter types:
  # paramId: BigInt!              # uint256, uint64, etc.
  # paramAddress: Bytes!          # address
  # paramFlag: Boolean!           # bool
  # paramAmount: BigInt!          # uint96, etc.
  # paramPrice: BigInt!           # uint32, etc.
  # paramArray: [BigInt!]!        # uint[] array
  # paramString: String!          # string
  
  # Standard metadata fields
  blockNumber: BigInt!
  blockTimestamp: BigInt!
  transactionHash: Bytes!
}

# Add more entity types as needed for different events
# Example based on Transfer event:
# type Transfer @entity(immutable: true) {
#   id: Bytes!
#   from: Bytes!                  # address
#   to: Bytes!                    # address
#   tokenId: BigInt!              # uint256
#   blockNumber: BigInt!
#   blockTimestamp: BigInt!
#   transactionHash: Bytes!
# }

# Example based on Approval event:
# type Approval @entity(immutable: true) {
#   id: Bytes!
#   owner: Bytes!                 # address
#   approved: Bytes!              # address
#   tokenId: BigInt!              # uint256
#   blockNumber: BigInt!
#   blockTimestamp: BigInt!
#   transactionHash: Bytes!
# }

Relevant docs:
- Quickstart

Using thirdweb's Insight API

note

Manage nonces locally if sending multiple transactions in quick succession

note

This only applies if you are setting nonces manually. If you are delegating this to the wallet, no need to worry about this.

eth_getTransactionCount only updates after a transaction is finalized. If you have multiple transactions from the same wallet in short succession, you should implement local nonce tracking.

Submit multiple transactions concurrently

If you are submitting a series of transactions, instead submitting sequentially, implement concurrent transaction submission for improved efficiency.

Before:

for (let i = 0; i < TIMES; i++) {
  const tx_hash = await WALLET_CLIENT.sendTransaction({
    account: ACCOUNT,
    to: ACCOUNT_1,
    value: parseEther('0.1'),
    gasLimit: BigInt(21000),
    baseFeePerGas: BigInt(50000000000),
    chain: CHAIN,
    nonce: nonce + Number(i),
  })
}

After:

const transactionsPromises = Array(BATCH_SIZE)
  .fill(null)
  .map(async (_, i) => {
    return await WALLET_CLIENT.sendTransaction({
      to: ACCOUNT_1,
      value: parseEther('0.1'),
      gasLimit: BigInt(21000),
      baseFeePerGas: BigInt(50000000000),
      chain: CHAIN,
      nonce: nonce + Number(i),
    })
  })
const hashes = await Promise.all(transactionsPromises)

Configure web hosting to keep costs under control​

Avoid unnecessary RPC calls to methods with static responses​

Use a hardcoded value instead of eth_estimateGas call if gas usage is static​

Use an indexer instead of repeatedly calling eth_getLogs to listen for your events​

Using Allium​

Using Envio HyperIndex​

Using GhostGraph​

Using Goldsky​

Using QuickNode Streams​

Using The Graph's Subgraph​

Using thirdweb's Insight API​

Manage nonces locally if sending multiple transactions in quick succession​

Submit multiple transactions concurrently​

Configure web hosting to keep costs under control

Avoid unnecessary RPC calls to methods with static responses

Use a hardcoded value instead of `eth_estimateGas` call if gas usage is static

Use an indexer instead of repeatedly calling `eth_getLogs` to listen for your events

Using Allium

Using Envio HyperIndex

Using GhostGraph

Using Goldsky

Using QuickNode Streams

Using The Graph's Subgraph

Using thirdweb's Insight API

Manage nonces locally if sending multiple transactions in quick succession

Submit multiple transactions concurrently