Skip to content

A very basic setup to build a dApp with Vite, Hardhat & WindiCSS

Notifications You must be signed in to change notification settings

HerrBertling/simple-vite-eth

Repository files navigation

Vue3 + Vite + Hardhat + WindiCSS Ethereum dApp skeleton

This is a very, very basic setup to get started with building dApps with Vue3, Vite, Hardhat and WindiCSS.

The basic setup is taken from Nader Dabits awesome post The Complete Guide to Full Stack Ethereum Development (see React code here). I just used Vite + Vue3 instead of React because a) I like Vue better than React and b) Vite is fast.

Installation

  1. Use the basic setup described in Naders blog post You'll need MetaMask for at least the local testing.
  2. Clone this repo via git clone git@github.com:HerrBertling/simple-vite-eth.git
  3. Run yarn to install all dependencies
  4. Follow the steps outlined in Naders blog post, but swap the React parts and use Vue instead.
  5. The fun stuff happens in the App.vue file, but I've just adjusted Naders code to Vue (and threw in a fetchGreeting on mounting the app). Also, the dev server starts with yarn dev, not with npm start as in the blog post.

About

A very basic setup to build a dApp with Vite, Hardhat & WindiCSS

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published