Paperchain / Nuxt Box
Truffle, Nuxt and Vue boilerplate
Stars: ✭ 46
Programming Languages
javascript
184084 projects - #8 most used programming language
solidity
1140 projects
Projects that are alternatives of or similar to Nuxt Box
Disperse
React/Redux dApp (decentralized app) boilerplate using Ethereum's blockchain
Stars: ✭ 36 (-21.74%)
Mutual labels: ethereum, truffle, boilerplate
Quickjam
Starter template for Nuxt apps bundled with an API
Stars: ✭ 42 (-8.7%)
Mutual labels: nuxt, nuxtjs, boilerplate
Eth Vue
Featured in Awesome Vue [https://github.com/vuejs/awesome-vue], a curated list maintained by vuejs of awesome things related to the Vue.js framework, and Awesome List [https://awesomelists.net/150-Vue.js/3863-Open+Source/18749-DOkwufulueze-eth-vue], this Truffle Box provides everything you need to quickly build Ethereum dApps that have authentication features with vue, including configuration for easy deployment to the Ropsten Network. It's also Gravatar-enabled. Connecting to a running Ganache blockchain network from Truffle is also possible -- for fast development and testing purposes. Built on Truffle 5 and Vue 3, eth-vue uses vuex for state management, vuex-persist for local storage of app state, and vue-router for routing. Authentication functionalities are handled by Smart Contracts running on the Ethereum blockchain.
Stars: ✭ 171 (+271.74%)
Mutual labels: ethereum, truffle, boilerplate
Veluxi Starter
Veluxi Vue.js Starter Project with Nuxt JS and Vuetify
Stars: ✭ 39 (-15.22%)
Mutual labels: nuxt, nuxtjs, boilerplate
Nuxt Material Admin
Vue-CLI Boilerplate based on Nuxt and vue-material-admin template.
Stars: ✭ 310 (+573.91%)
Mutual labels: nuxt, nuxtjs, boilerplate
Nuxt Ssr Blog
Serverless static-generated Nuxt.js Universal JavaScript web application. Demo app, accompanying the SitePoint article.
Stars: ✭ 30 (-34.78%)
Mutual labels: nuxt, nuxtjs
Nuxt Static Render
Nuxt module for SSR without rehydration payload
Stars: ✭ 32 (-30.43%)
Mutual labels: nuxt, nuxtjs
Dapp
TypeScript React Redux Ethereum IPFS Starter Kit
Stars: ✭ 33 (-28.26%)
Mutual labels: ethereum, truffle
Hoppscotch
👽 Open source API development ecosystem https://hoppscotch.io
Stars: ✭ 34,569 (+75050%)
Mutual labels: nuxt, nuxtjs
Vue Stack
Minimalistic Boilerplate for FullStack Express and Vue.js applications
Stars: ✭ 26 (-43.48%)
Mutual labels: nuxt, boilerplate
Iblog
基于 Node.js 的开源个人博客系统,采用 Nuxt + Vue + TypeScript 技术栈。
Stars: ✭ 994 (+2060.87%)
Mutual labels: nuxt, nuxtjs
Nuxt Template
🗃 Nuxt Template (Typescript + Composition API)
Stars: ✭ 40 (-13.04%)
Mutual labels: nuxt, nuxtjs
Nuxt Healthcheck
Nuxt.js module for handle healthcheck
Stars: ✭ 24 (-47.83%)
Mutual labels: nuxt, nuxtjs
Vue Lazy Hydration
Lazy Hydration of Server-Side Rendered Vue.js Components
Stars: ✭ 797 (+1632.61%)
Mutual labels: nuxt, nuxtjs
Eth.social
An Ethereum dApp for posting social events.
Stars: ✭ 17 (-63.04%)
Mutual labels: ethereum, truffle
Nuxt-box
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.
- Open terminal and run the development server:
truffle develop
- Connect local-rpc account with MetaMask. Follow this answer on Ethereum StackExchange. This account will have tokens and ether for transactions.
- Deploy the contracts to the local-rpc:
migrate --reset
- Copy the token address from the terminal:
EIP20: 0x345ca3e014aaf5dca488057592ee47305d9b3e10
- Paste the token address to src/store/eip20.js where it says:
const tokenAddress = '0x345ca3e014aaf5dca488057592ee47305d9b3e10'
// insert deployed EIP20 token address here
- 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)
Credits
For example purposes this boilerplate uses EIP20 token contracts made by ConsenSys.
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].