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 …


This content originally appeared on DEV Community and was authored by Hunter Chang

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!


This content originally appeared on DEV Community and was authored by Hunter Chang


Print Share Comment Cite Upload Translate Updates
APA

Hunter Chang | Sciencx (2021-07-19T22:19:58+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 ,<https://www.scien.cx/2021/07/19/next-js-with-web3modal-example/>
VANCOUVER
Hunter Chang | Sciencx - » Next.js with Web3Modal Example. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/07/19/next-js-with-web3modal-example/
CHICAGO
" » Next.js with Web3Modal Example." Hunter Chang | Sciencx - Accessed . 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: ]
rf:citation
» Next.js with Web3Modal Example | Hunter Chang | Sciencx | https://www.scien.cx/2021/07/19/next-js-with-web3modal-example/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts