Build a web3 PWA - Create web3 apps on mobile
In this video, we build a web3 PWA (Progressive Web App) using thirdweb, Next.js, and Typescript. Be able to download/add your web3 app to your desktop or mobile device. Build a sign in flow where a user only needs to sign in with an email and is generated an ERC4337 (Smart Wallet). With this flow a user never has to leave the app or sign transactions with ERC4337 gasless enabled.
*Mumbai testnet support has been officially deprecated. Transition to the Amoy testnet for improved scalability and reduced gas fees.*
PWA Demo app: https://pwa-demo.thirdweb-preview.com/
PWA manifest generator: https://www.simicart.com/manifest-gen...
next-pwa: https://www.npmjs.com/package/next-pwa
Github Repo: https://github.com/thirdweb-example/p...
Smart Contract:
ERC1155: https://thirdweb.com/thirdweb.eth/Dro...
Account Factory: https://thirdweb.com/thirdweb.eth/Acc...
thirdweb Docs: https://portal.thirdweb.com/
Join our Community of over 30,000 Web3 builders: / discord
thirdweb Official Site: https://thirdweb.com/dashboard
thirdweb Twitter: / thirdweb
Timestamps:
00:00 Introduction
00:41 What is a PWA
03:05 Demo of web3 PWA
06:05 ERC1155 NFT contract
06:32 Setup Paper auth setting
07:37 Create a thirdweb API key
09:44 Deploy Account Factory contract for ERC4337
10:45 Manifest for PWA
12:08 Create and setup app
15:02 Add PWA functionality to app
18:00 Navbar
22:15 Add ERC4337 (Smart Wallet) and email wallet support
24:40 Build NFT claim application
35:41 thirdweb CLI PWA template
39:00 Conclusion