Summary
Full Transcript
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-stack-web3-metamask-connectors ✍️ Article: https://betterprogramming.pub/everything-you-need-to-know-about-fullstack-web3-94c0f1b18019?sk=a2764bcbdae98bf05e1052931de77982 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-become-a-blockchain-engineer-fa4386a0504f ✍️Top 10 Resources, Tutorials, and Follows: https://dev.to/patrickalphac/top-10-smart-contract-solidity-developer-learning-resources-46db 👆👆👆👆👆👆👆👆👆👆👆👆👆👆👆👆👆👆👆 ✅✅ 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: https://discord.gg/2YHSAey Twitter: https://twitter.com/patrickalphac Medium: https://medium.com/@patrick.collins_58673 TikTok: https://www.tiktok.com/@patrickalphac? Twitch Stream Uploads & Shorts: https://www.youtube.com/channel/UCMHHNgcezTnfrJUM1vIiZlQ Twitch: https://www.twitch.tv/patrickalphac All thoughts and opinions are my own.
