The !magic show: Taking a Vue at Web 3.
summary
A live demo builds a tiny dApp with Vue 3 that detects MetaMask, grabs a provider and signer via ethers.js, then requests a signed challenge (nonce) so the backend can verify ownership and issue a session token; wallets stay anonymous by default and can authenticate without email. The demo shows connect vs true authentication, upgrades the UX with the sign-in with Ethereum message format, and successfully completes a signature-based login flow.
AI-written summary · about
chapters (12)
- 0:00Welcome
- 2:27Not magic show
- 7:21Web 1 2 and 3
- 11:34Wallets in Web 3
- 13:43Web 3 authentication
- 16:41Vue demo setup
- 18:05Wallet connection
- 20:58Login flow
- 23:53User-friendly message
- 27:04Summary
- 28:29Q&A
- 31:25Closing
related talks
24mPasswordless with Web 3 and React
11mVue.js: Building Secure Applications
29mWho Are Vue? Authn In Vue, The Important Parts
09mReact User Authentication with Magic
30mNFT Marketplace with Svelte and Magic
10mGetting Started: Amplify Authenticator for Vue
23mBuilding Your First Open Source Vue 3 Project
25mBlockchain magic from the browser with web3