How to Connect your Smart Contracts to Metamask | Full Stack Web3
Patrick Collins Patrick Collins
82.9K subscribers
72,158 views
0

 Published On Feb 11, 2022

We learn exactly how web3 / blockchain / smart contract applications work in the front end using HTML and Javascript. We then go through 6 different ways you can connect your Metamask, Phantom, or other blockchain wallet address to your front end. Weโ€™ll look at popular Nextjs / React packages to make your development lifecycle 100 times easier.

๐Ÿ’ป Code: https://github.com/PatrickAlphaC/full...
โœ๏ธ Article: https://betterprogramming.pub/everyth...
NextJS: https://nextjs.org/

โฐTimeStamps
0:00 | Introduction
0:59 | Disclaimer
1:29 | What's going on in the front end with wallets
6:57 | Coding Setup / Intro
9:01 | "Raw" HTML & Javascript
30:38 | NextJS & Ethers
44:48 | NextJS & Web3-React
55:10 | NextJS & Moralis
1:02:20 | NextJS & Web3Modal
1:07:45 | NextJS & useDapp
1:09:45 | 100k subs update...
1:10:13 | Outro


Check out these articles to learn about some of these tools and start your journey as a smart contract engineer!
๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡

๐Ÿ“•How to Become a Blockchain Engineer: https://betterprogramming.pub/how-to-...
โœ๏ธTop 10 Resources, Tutorials, and Follows: https://dev.to/patrickalphac/top-10-s...

๐Ÿ‘†๐Ÿ‘†๐Ÿ‘†๐Ÿ‘†๐Ÿ‘†๐Ÿ‘†๐Ÿ‘†๐Ÿ‘†๐Ÿ‘†๐Ÿ‘†๐Ÿ‘†๐Ÿ‘†๐Ÿ‘†๐Ÿ‘†๐Ÿ‘†๐Ÿ‘†๐Ÿ‘†๐Ÿ‘†๐Ÿ‘†

โœ…โœ… Donate โœ…โœ…
I use donated funds to spend money on making fun & informational videos.
ETH/Polygon/Avalanche/EVM Chains Wallet address: 0x9680201d9c93d65a3603d2088d125e955c73BD65

๐Ÿ˜ธ๐Ÿ˜ธJoin the community!๐Ÿ˜ธ๐Ÿ˜ธ
Chainlink developers discord: ย ย /ย discordย ย 
Twitter: ย ย /ย patrickalphacย ย 
Medium: ย ย /ย patrick.collins_58673ย ย 
TikTok: ย ย /ย patrickalphacย ย 
Twitch Stream Uploads & Shorts: ย ย ย /ย @patrickalphac-altย ย 
Twitch: ย ย /ย patrickalphacย ย 

All thoughts and opinions are my own.

show more

Share/Embed