@direct.dev/wagmi NPM

@direct.dev/wagmi

A Wagmi-compatible provider that integrates with the Direct.dev RPC infrastructure, providing read-layer caching for improved performance and reduced costs.

Features

🚀 Optimized RPC calls via Direct.dev
🔌 Drop-in replacement for your existing Wagmi configurations
🛡 Dependency-free, ensuring security and stability
📉 Lower latency and costs with efficient request routing

Installation

npm install @direct.dev/wagmi wagmi@2.x viem@2.x
# or
yarn add @direct.dev/wagmi wagmi@2.x viem@2.x
# or
pnpm add @direct.dev/wagmi wagmi@2.x viem@2.x

Usage

// Import dependencies
import { createConfig } from "wagmi";
import { direct } from "@direct.dev/wagmi";

// Configure the Direct.dev Client
const directConfig = {
  projectId: "123",
  projectToken: "abc",
};

// Configure the Wagmi Client
const config = createConfig({
  chains: [mainnet, sepolia],
  transports: {
    [mainnet.id]: direct({
      ...directConfig,
      networkId: "ethereum",
      providers: ["https://your-provider-endpoint.com/"],
    }),
    [sepolia.id]: direct({
      ...directConfig,
      networkId: "ethereum-sepolia",
      providers: ["https://your-provider-endpoint.com/"],
    }),
  },
});


// Example: Provide the Wagmi config to your application
export default function App() {
  return (
    <WagmiConfig config={config}>
      <Home />
    </WagmiConfig>
  );
}