Product Docs
  • 🚀About buildship.xyz
  • ✅Apply for unlimited fundraise
  • 🍕How-to Guides
    • 🐶How to create an ERC721A NFT contract without code
    • 🐧How to build an NFT minting website on Webflow without code
    • 🪄How to build an NFT minting website on Wix without code
    • 🏭What is NFTFactory?
  • Technical Docs
    • 🟥Communities We Don't Approve
    • 💚Community Guidelines
    • How to refresh NFT metadata on OpenSea?
    • How to call contract methods via Etherscan?
    • How to use IPFS Desktop
  • 💻Frontend Roadmap
    • Web3 SDK
    • Mint button on Webflow
    • app.buildship.xyz
  • 🚜Solidity Roadmap
    • Metaverse NFT Factory v3
Powered by GitBook
On this page
  • Web3 SDK
  • Motivation
  • Implementation
  • Drafts
  • Reference
  • Roadmap
  1. Frontend Roadmap

Web3 SDK

PreviousHow to use IPFS DesktopNextMint button on Webflow

Last updated 3 years ago

Web3 SDK

it's a open-source React UI Kit that allows anyone to build web3 apps without prior web3 knowledge.

Motivation

The premise is that on a top level, developer doesn't need to know about gas, transactions, smart-contract – we can have good defaults that work for any wallet and that provide good UI/UX and feedback.

Developer's job is building UI in React, web3-sdk handles all the rest. Developer only decides which data to take from inputs, which transactions to create on each button click – and every blockchain detail is handled by us; or presented to end user to decide.

Implementation

As input, the SDK receives only the list of smart-contract addresses used in the app ; and a few API keys: Etherscan, Infura, Alchemy (optional), Onboard.js, Buildship (later when we're bigger).

On build step, the ABIs are fetched from etherscan or from our backend (see this endpoint used in widget ).

Drafts

Reference

Roadmap

  • make it work!

  • gather some developer feedback;

  • move from onboard.js to wagmi;

  • use hooks everywhere;

  • web3-login vs. web3-ui React component lib;

  • implement build step thing so abstract away "smart-contracts" for the developer;

  • transaction handling (popups, see pending txs, retry, re-fetch tx status);

  • non-React integrations: e.g. phaser.js;

  • ENS support, NFT avatar support;

  • all the fun stuff.

allow using or our backend to make blockchain read requests faster (cache and combine multiple into one);

💻
https://metadata.buildship.dev/api/info/0xFdf7BA4Edcb8F3F666239EBdA387506B3c598BD5?network_id=1
https://github.com/caffeinum/web3-ui
https://github.com/buildship-dev/web3-login
https://github.com/thirdweb-dev/react
thegraph.com