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.