awesome-web3

Awesome Web3-related technologies and useful links

We welcome contributions from anyone!

• What is Web3?
• Wallet
  • Popular Wallets
  • Article - with Nextjs
• Defi
• Bridge_Swap
• Security
• Smart Contract
  • Solidity
  • Libraries
  • Articles
• NFT
  • ERC721
  • ERC1155
  • Articles
• SBT(SoulBound Token)
• Tools
• Sample Code
• Boilerplate
• Contributions Welcome!

What is Web3?

• Wikipedia - Web3

Wallet

Popular Wallets

• MetaMask
• MyEtherWallet
• Binance Web3 Wallet
• Coinbase Wallet
• Trust Wallet
• WalletConnect(Rebranded to Reown)
• Zerion
• ZenGo Wallet
• Argent
• Rainbow
• Trezor Model T
• Ledger Nano S
• Ledger Nano X
• Exodus
• Phantom
• Frame
• Glow
• OKX Wallet

Articles - with Nextjs

• Connecting to MetaMask with Next.js and Typescript
• How to Implement MetaMask SDK with Nextjs
• MetaMask Integration with Next.js and Web3.js
• Web3 Wallets connection using WalletConnect in Next.js
• Integrating WalletConnect with a Next.js App: A Step-by-Step Guide

Defi

Bridge_Swap

Security

Auth

• Web3Auth - To make digital ownership and identity human-centric and accessible to everyone
• FastAuth: NEAR Protocol - A seamless web2 style onboarding experience that allows users to easily create an account for any app on the BOS(Blockchain Operating System) without the need for crypto.

Smart Contract

Solidity

• Awesome Solidity - Curated list of awesome Solidity resources, libraries, tools and more.

Libraries

• web3.js - Web3.js is a TypeScript implementation of the Ethereum JSON RPC API and related tooling maintained by ChainSafe Systems.
• ethers.js - A complete, compact and simple library for Ethereum and ilk, written in TypeScript.
• wagmi - We're all gonna make it! Reactive primitives for Ethereum apps. Wagmi supports the most popular and commonly-used Ethereum features out of the box with 40+ React Hooks for accounts, wallets, contracts, transactions, signing, ENS, and more.
  • react hooks - useAccount, useBalance, useGasPrice, useTransaction, useSendTransaction, useWriteContract etc.
• web3-react - A simple, maximally extensible, dependency minimized framework for building modern Ethereum dApps
• useDapp - Framework for rapid Dapp development. Simple. Robust. Extendable. Testable.
• ipfs-mini - A super tiny module for querying an IPFS node, that works in the browser and in Node.

Articles

• Technical Comparison: web3.js vs ethers.js

NFT

ERC721

• ERC-721: Non-Fungible Token Standard - A standard interface for non-fungible tokens, also known as deeds. eip document.
• ERC-721 NON-FUNGIBLE TOKEN STANDARD - What is a Non-Fungible Token?
• ERC721 Openzeppelin - Openzeppelin 5.x erc721
• ERC721Enumerable extension: What, how and why? - The enumeration extension is OPTIONAL for ERC-721 smart contracts. This allows your contract to publish its full list of NFTs and make them discoverable.

ERC1155

• ERC-1155: Multi Token Standard - A standard interface for contracts that manage multiple token types. A single deployed contract may include any combination of fungible tokens, non-fungible tokens or other configurations (e.g. semi-fungible tokens). eip document.
• ERC1155 Openzeppelin - Openzeppelin 5.x erc1155
• Alchemy: getNftsForOnwer - Gets all NFTs currently owned by a given address.

Articles

• Mint your Own NFTs with Wagmi — A Beginner’s Guide.

SBT(SoulBound Token)

• Decentralized Society: Finding Web3's Soul - Vitalik Buterin's paper
• Soulbound Tokens(SBT): The easy guide - we will learn what SBTs are and how they can be applied in our daily lives.
• SBTs 👻 | Soulbound Token Solidity Example - Soulbound tokens are non-transferable digital assets.
  • github: https://github.com/jamesbachini/Solidity-SBT-Soul-Bound-Token

Tools

Sample Code

Boilerplate

• next-web3-boilerplate - Boilerplate in TypeScript using Next, Next-auth, Siwe (Sign in with eth), web3modal(modal for multi wallet), useDapp(main lib for contract interaction), reactMUI(use for design), next-i18next (internationalization in public/locales and next-i18next.config.js), Vite (for dev and build better than webpack <3), Sass, Custom theme in styles/theme, Basic reset in styles/globals.scss
• ethereum-boilerplate - Fully Typescript ready NextJS components for fast building dApps without running own backend
• create-web3-dapp - Everything you need to create Web3 Dapps in 4 minutes. This package includes the global command to start the Create Web3 DApp CLI builder.
• nexth - A Next.js + Ethereum starter kit with Viem, Wagmi, Web3Modal, SIWE, Tailwind, daisyUI and more to quickly ship production-ready Web3 Apps ⚡

Contributions Welcome!

We welcome contributions from anyone! Please! ^^;

Please follow these guidelines:

1. Fork the repository: Create your own branch from main.
2. Write clear commit messages: Follow conventional commit standards (e.g., fix:, feat:).
3. Submit Pull Requests (PRs): Ensure your PR is focused, well-documented, and tested.
4. Code of Conduct: Be respectful and inclusive. All contributors must follow our Code of Conduct.
5. Issue Reporting: Before opening an issue, ensure it hasn’t been addressed by others. Provide detailed steps to reproduce the issue.
6. Testing: Contributions should include appropriate tests to ensure stability.