✨ Allowlist Paymaster Video Demo ✨

2023-07-05 17-53-19.mp4

Step 1: Create your dApp using Celo Composer

npx @celo/celo-composer create

Testnet Tokens - Celo Faucet

Step 2: Install ThirdWeb dependencies

yarn add @thirdweb-dev/react @thirdweb-dev/sdk

Step 3: Setup environment variables

• Get NEXT_PUBLIC_THIRDWEB_API_KEY from ThirdWeb Dashboard - https://thirdweb.com/settings
• Create .env file and add the variable NEXT_PUBLIC_THIRDWEB_API_KEY=[YOUR_TOKEN]

Step 4: Initialize ThirdwebProvider

import { CeloAlfajoresTestnet } from "@thirdweb-dev/chains";
import { QueryClient } from "@tanstack/react-query";

const activeChain = "celo-alfajores-testnet";

const queryClient = new QueryClient();

<ThirdwebProvider
      activeChain={activeChain}
      supportedChains={[CeloAlfajoresTestnet]}
			clientId={process.env.NEXT_PUBLIC_THIRDWEB_API_KEY}
			queryClient={queryClient}
      ... 
			// Follow this URL for more - <https://github.com/celo-academy/erc-4337-dApp/blob/main/pages/_app.tsx>
>
		<Component {...pageProps} />
</ThirdwebProvider>

Step 5: Connect SmartWallet