This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.js. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Inter, a custom Google Font.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.
- 写一个自己的钱包
- 用自己的钱包去交易
- 钱包,智能合约，交易结果，blockchain explorer, 区块链浏览器， transaction history，yet another my crypto wallet management tool
- 根据合约地址，导入合约资产。
- 显示合约balances
- 添加token， 添加自定义网络，根据网络添加token
Provider A Provider (in ethers) is a class which provides an abstraction for a connection to the Ethereum Network. It provides read-only access to the Blockchain and its status. Signer A Signer is a class which (usually) in some way directly or indirectly has access to a private key, which can sign messages and transactions to authorize the network to charge your account ether to perform operations. Contract A Contract is an abstraction which represents a connection to a specific contract on the Ethereum Network, so that applications can use it like a normal JavaScript object.
能够显示钱包的余额，币种信息。
质押的过程是一个怎样的过程呢？！
连接钱包，更多钱包。
切换钱包。
计算总余额。
导入私钥的过程是怎样的。
断开钱包
添加自定义网络：
自定义添加网络，自定义添加token的功能
https://github.com/MetaMask/metamask-extension
https://app.mycrypto.com/dashboard
一个数字资产的管理器，会是一个很有趣的产物。可以类似这个网站。。 onekey 也是一个数字资产的管理器。https://onekey.so/ 推特上有人在这里上班
国际化的问题，如何解决呢？！
https://nextjs.org/docs/pages/building-your-application/routing/internationalization
- 不能在getStaticProps中使用window对象，因为这个是在node环境中执行的，没有window对象。如果想要使用window对象，需要声明在client端执行的代码。
- Text content does not match server-rendered HTML 使用localhost 引起的坑
- 使用tailwind的时候，由于tailwind是按需加载的，因此，直接修改浏览器的样式，并不能直接在浏览器里面看到效果。需要改代码，来看效果。所谓按需加载的意思是，只有在代码中使用了这个样式，才会被打包进去。
// try { // // Estimate gas // const gasEstimate = await provider.estimateGas(transaction); // console.log("Estimated gas:", gasEstimate.toString()); // } catch (error) { // console.error("Error estimating gas:", error); // }
// https://flowbite.com/docs/forms/input-field/ // https://react-hook-form.com/get-started