Skip to content
Truffle, Nuxt and Vue boilerplate
JavaScript Vue
Branch: master
Clone or download
Latest commit efc8cdf Jun 21, 2018
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github/ISSUE_TEMPLATE Update issue templates Jun 1, 2018
contracts Copy contents May 24, 2018
migrations Copy contents May 24, 2018
src update readme, index page May 25, 2018
test Copy contents May 24, 2018
.eslintrc.js Copy contents May 24, 2018
.gitignore Readme updates Jun 1, 2018 update readme Jun 21, 2018
box-img-lg-template.png new cover art Jun 6, 2018
box-img-lg.png Checking in box images Jun 11, 2018
box-img-sm-template.png new cover art Jun 6, 2018
box-img-sm.png Checking in box images Jun 11, 2018
nuxt.config.js Copy contents May 24, 2018
package-lock.json Docs updates. May 24, 2018
package.json Docs updates. May 24, 2018
truffle-box.json Copy contents May 24, 2018
truffle-config.js Copy contents May 24, 2018
truffle.js Copy contents May 24, 2018



Nuxt-box is a truffle box using the Nuxt.js framework to create a Vue.js application that can interact with the smart contracts on Ethereum.

Setup & Installation

  • Install truffle: npm i -g truffle
  • Download the box. This also takes care of installing the necessary dependencies: truffle unbox Paperchain/nuxt-box
  • Install Metamask browser extension

Running the Application

If you have MetaMask set for your browser, configure a 
Custom RPC with address: http://localhost:9545 from Metamask Networks tab.
  1. Open terminal and run the development server: truffle develop
  2. Connect local-rpc account with MetaMask. Follow this answer on Ethereum StackExchange. This account will have tokens and ether for transactions.
  3. Deploy the contracts to the local-rpc: migrate --reset
  4. Copy the token address from the terminal:
EIP20: 0x345ca3e014aaf5dca488057592ee47305d9b3e10
  1. Paste the token address to src/store/eip20.js where it says:
const tokenAddress = '0x345ca3e014aaf5dca488057592ee47305d9b3e10'
// insert deployed EIP20 token address here
  1. Open a new terminal tab and run the webapp: npm run dev

Web App Commands

# install dependencies
$ npm install # Or yarn install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm start

# generate static project using
$ npm run generate

# lint or lintfix
$ npm run lint
$ npm run lintfix

Truffle Commands

# run contract tests
$ truffle test

# run truffle development mode (run local blockchain)
$ truffle develop

# deploy contracts to local blockchain
$ truffle migrate --reset
$ migrate --reset (when in development mode)


For example purposes this boilerplate uses EIP20 token contracts made by ConsenSys.

You can’t perform that action at this time.