Skip to main content

Scaffold

This scaffolds the full monorepo with Para as the wallet provider. For just the frontend, add --template frontend.

Environment Setup

Get your API key from developer.getpara.com and set it in frontend/.env:
frontend/.env

Provider Setup

Para wraps your app with ParaProvider, which handles wallet connections, embedded wallets, and external wallet support (MetaMask, Coinbase, WalletConnect, Rainbow) out of the box. The chain comes from activeChain in lib/network.ts, which follows NEXT_PUBLIC_NETWORK — no per-provider chain edits needed.
components/Providers.tsx
Provider hierarchy: ThemeProviderQueryClientProviderParaProvider Para’s ParaProvider internally manages wagmi configuration, so you don’t need a separate WagmiProvider. The externalWalletConfig lets you specify which external wallets to support alongside Para’s embedded wallets.

Inco SDK Integration

The Inco SDK works with the walletClient provided by wagmi (which Para supplies under the hood). The network-aware client comes from lib/network.ts:
hooks/useConfLottery.ts
The key pattern: Para provides the walletClient via wagmi, which the Inco SDK uses for signing attestation requests during attestedDecrypt.

Dependencies