How to Connect your Smart Contracts to Metamask | Full Stack Web3

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.