Building with ConnectKit
summary
ConnectKit is a React wallet UI that integrates wagmi and WalletConnect; a Next.js app adds it by installing connectkit + wagmi, supplying a WalletConnect project ID in env, wrapping the app in the provider, then wiring a modal hook. The demo builds a connect/disconnect flow in 28 lines of code, shows theming switches like retro and light/dark, and demonstrates built‑in Sign‑In with Ethereum backend packages — the example connects and disconnects successfully.
AI-written summary · about
chapters (11)
- 0:00Welcome to ConnectKit
- 0:23What is ConnectKit
- 3:12Theming fonts in ConnectKit
- 5:41Sign in with Ethereum
- 6:03Next.js demo setup
- 7:06ConnectKit provider
- 9:12Provider integration
- 9:54Wallet connection UI
- 12:41Themes and modes
- 13:46ConnectKit docs overview
- 14:48Q&A
related talks
24mPasswordless with Web 3 and React
26mBuilding Interactive Async UI with React 19 and Ariakit
24mBuilding Seamless Onchain Apps
29mReact with Web3 and Smart contracts
02h 51mEnliven UX with React/Redux
35mBuilding reusable UI libraries with React
29mHow module federstion makes our life easier
15mBuilding world-class web apps using Frappe and React