說是開發過程的筆記，應該是撞牆心血錄，因為各式各樣的原因，所以為前後端串接困擾了很久⋯⋯

投資理財

職場產業

學習

NextJS & HTML 實作 ERC20 交易網站【開發筆記】

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.

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

In this tutorial we will learn how we can make nextjs website from html.

#html #nextjs #tutorial

Source Code: https://github.com/Hardeepcoder/nextswp
Demo: http://nextspw.netlify.app

Html to JSX: https://transform.tools/html-to-jsx

More tutorials: https://easycodesardar.blogspot.com/

Html to Nextjs || Nextjs tutorial for beginners

今天我們引入了 Build Output API, 一個檔案系統為基底的規格, 允許任何框架都可以讓 Vercel 建置, 並且取用了 Vercel 的優勢, 也就是 Vercel 的 infrastructure building blocks, 像是 Edge Functions, Edge M

音樂藝文

發表 Build Output API - Vercel

前陣子公司的專案時常發生記憶體不足的錯誤，套上監測軟體一看，逐漸攀升的使用量，到達上限後使程式崩潰，同事們馬上說出：「這是 Memory leak 啊！」
Memory leak 並不可怕，現代的工具可以讓我們快速找出問題並修正，這篇文章記錄了我們的解決方式，希望有幫助到大家！