Next.js with Web3Modal Example

Hey everyone! I recently built an example website using Next.js and Web3Modal. For those of you who don’t know, Web3Modal is a simple way to connect your website to a Web3 / Ethereum wallet.

This is essential when building a decentralized application …

Hey everyone! I recently built an example website using Next.js and Web3Modal. For those of you who don’t know, Web3Modal is a simple way to connect your website to a Web3 / Ethereum wallet.

This is essential when building a decentralized application (dApp) because you need a wallet to interact with the Ethereum application.

Here is the example site: http://web3modal-example.vercel.app

Here is the source code: https://github.com/ChangoMan/web3modal-example

In order for the Web3Modal to work in your browser, you’ll need the MetaMask Chrome extension, or a WalletConnect compatible wallet.

I was going to create a full blog post explaining how everything worked, but wasn’t sure if anyone would be interested.

If you would like a more in depth explanation of the source code, let me know in the comments down below! Thanks for looking!


Print Share Comment Cite Upload Translate
APA
Hunter Chang | Sciencx (2024-03-28T13:28:37+00:00) » Next.js with Web3Modal Example. Retrieved from https://www.scien.cx/2021/07/19/next-js-with-web3modal-example/.
MLA
" » Next.js with Web3Modal Example." Hunter Chang | Sciencx - Monday July 19, 2021, https://www.scien.cx/2021/07/19/next-js-with-web3modal-example/
HARVARD
Hunter Chang | Sciencx Monday July 19, 2021 » Next.js with Web3Modal Example., viewed 2024-03-28T13:28:37+00:00,<https://www.scien.cx/2021/07/19/next-js-with-web3modal-example/>
VANCOUVER
Hunter Chang | Sciencx - » Next.js with Web3Modal Example. [Internet]. [Accessed 2024-03-28T13:28:37+00:00]. Available from: https://www.scien.cx/2021/07/19/next-js-with-web3modal-example/
CHICAGO
" » Next.js with Web3Modal Example." Hunter Chang | Sciencx - Accessed 2024-03-28T13:28:37+00:00. https://www.scien.cx/2021/07/19/next-js-with-web3modal-example/
IEEE
" » Next.js with Web3Modal Example." Hunter Chang | Sciencx [Online]. Available: https://www.scien.cx/2021/07/19/next-js-with-web3modal-example/. [Accessed: 2024-03-28T13:28:37+00:00]
rf:citation
» Next.js with Web3Modal Example | Hunter Chang | Sciencx | https://www.scien.cx/2021/07/19/next-js-with-web3modal-example/ | 2024-03-28T13:28:37+00:00
https://github.com/addpipe/simple-recorderjs-demo