All Projects β†’ bl0cknumber β†’ nuxt-web3

bl0cknumber / nuxt-web3

Licence: MIT license
πŸ–– Web3.js module integration for Nuxt 2 ( Nuxt 3 under development )

Programming Languages

javascript
184084 projects - #8 most used programming language
Vue
7211 projects

Projects that are alternatives of or similar to nuxt-web3

Ethereum book
η²Ύι€šδ»₯ε€ͺ坊 οΌˆδΈ­ζ–‡η‰ˆοΌ‰
Stars: ✭ 875 (+2202.63%)
Mutual labels:  smart-contracts, dapps
Blockchainbooks.github.io
Blockchain Books
Stars: ✭ 139 (+265.79%)
Mutual labels:  smart-contracts, web3js
Ethereumbook
Mastering Ethereum, by Andreas M. Antonopoulos, Gavin Wood
Stars: ✭ 11,663 (+30592.11%)
Mutual labels:  smart-contracts, web3js
React Ethereum Dapp Example
A starter boilerplate for an Ethereum dapp using web3.js v1.0, truffle, react, and parity
Stars: ✭ 384 (+910.53%)
Mutual labels:  smart-contracts, web3js
react-truffle-metamask
Build an DApp using react, redux, saga, truffle, metamask
Stars: ✭ 25 (-34.21%)
Mutual labels:  smart-contracts, web3js
Eth Crypto
Cryptographic javascript-functions for ethereum and tutorials to use them with web3js and solidity
Stars: ✭ 420 (+1005.26%)
Mutual labels:  smart-contracts, web3js
Flow Playground
Flow Playground front-end app πŸ€Ήβ€β™‚οΈ
Stars: ✭ 73 (+92.11%)
Mutual labels:  smart-contracts, dapps
Web3studio Bootleg
The Shared Royalty Non-Fungible Token (a.k.a Bootleg) is an open source project started by the ConsenSys Web3Studio team. The purpose of the Shared Royalty Non-Fungible Token (SRNFT) is to make any royalty business model, from the oil and gas industry to entertainment, easy to manage with the Ethereum blockchain .
Stars: ✭ 65 (+71.05%)
Mutual labels:  smart-contracts, web3js
waves-ide
IDE for waves blockchain RIDE language
Stars: ✭ 19 (-50%)
Mutual labels:  smart-contracts, dapps
Web3swift
Elegant Web3js functionality in Swift. Native ABI parsing and smart contract interactions.
Stars: ✭ 237 (+523.68%)
Mutual labels:  smart-contracts, web3js
awesome-waves
Curated list of awesome things for development on Waves blockchain.
Stars: ✭ 60 (+57.89%)
Mutual labels:  smart-contracts, dapps
quipuswap-core
πŸ§™β€β™‚οΈ Repository containing QuipuSwap liquidity protocol smart-contracts written in Ligo language
Stars: ✭ 48 (+26.32%)
Mutual labels:  smart-contracts, dapps
hardhat-abi-exporter
🧰 Export Solidity contract ABIs on compilation βš™οΈ
Stars: ✭ 29 (-23.68%)
Mutual labels:  smart-contracts, dapps
Hardhat
Hardhat is a development environment to compile, deploy, test, and debug your Ethereum software. Get Solidity stack traces & console.log.
Stars: ✭ 727 (+1813.16%)
Mutual labels:  smart-contracts, dapps
solidity-cli
Compile solidity-code faster, easier and more reliable
Stars: ✭ 49 (+28.95%)
Mutual labels:  smart-contracts, web3js
Erc20 Generator
Create an ERC20 Token for FREE in less than a minute with the most used Smart Contract Generator for ERC20 Token. No login. No setup. No coding required.
Stars: ✭ 202 (+431.58%)
Mutual labels:  smart-contracts, web3js
Credits
Credits(CRDS) - An Evolving Currency For An Evolving Society
Stars: ✭ 14 (-63.16%)
Mutual labels:  smart-contracts, dapps
blockchain-development
A complimentary course for an understanding of blockchain and its development like custom blockchain, dapps, etc.
Stars: ✭ 71 (+86.84%)
Mutual labels:  smart-contracts, dapps
nuxt-rollbar-module
Nuxt.js module for Rollbar
Stars: ✭ 34 (-10.53%)
Mutual labels:  nuxt-module
nftfy-v1-core
A decentralized protocol for NFT fractionalization
Stars: ✭ 62 (+63.16%)
Mutual labels:  smart-contracts

nuxt-web3

npm version npm downloads License

Web3.js module integration for Nuxt

Setup

  1. Add nuxt-web3 dependency to your project
yarn add nuxt-web3 # or npm i nuxt-web3
  1. Add nuxt-web3 to the modules section of nuxt.config.js
{
  modules: [
    "nuxt-web3",
  ];
}

Or

modules: [
  "nuxt-web3",
  // Or
  [
    "nuxt-web3",
    {
      /* module options */
    }
  ]
];

Module Options

// nuxt.config.js
export default {
  modules: ["nuxt-web3"],
  //....
  web3: {
    provider: "" // Used as fallback if no runtime config is provided
  },

  publicRuntimeConfig: {
    web3: {
      provider: process.env.WEB3_PROVIDER_URL
    }
  },

  privateRuntimeConfig: {
    web3: {
      provider: process.env.PROVIDER_URL
    }
  }
};

Usage

Using default ethereum window supported by the browsers :

window.web3 = new this.$Web3(ethereum);
//or
window.web3 = new this.$Web3(window.ethereum);

Using configuration or custom provider from nuxt.config.js.

window.web3 = new this.$web3;

Example Usage

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].