create-manu-app/dist/templates/web3/next-rainbowkit/src/config/wagmi-config.ts

Create a new Next.js project with Tailwind CSS and TypeScript pre-configured. Simplify your project setup process with this scaffolding tool and start building your web application with ease.

import { getDefaultWallets } from '@rainbow-me/rainbowkit';
import { configureChains, createClient } from 'wagmi';
import { polygonMumbai } from 'wagmi/chains';
// import { alchemyProvider } from 'wagmi/providers/alchemy';
import { publicProvider } from 'wagmi/providers/public';

const { chains, provider } = configureChains(
  [polygonMumbai],
  [/* alchemyProvider({ apiKey: process.env.ALCHEMY_ID }), */ publicProvider()]
);

const { connectors } = getDefaultWallets({
  appName: 'Web 3 App',
  projectId: process.env.WALLET_CONNECT_ID,
  chains,
});

const wagmiClient = createClient({
  autoConnect: true,
  connectors,
  provider,
});

export { wagmiClient, chains };