Dweet A decentralized twitter

A decentralized twitter dapp built using next.js and solidity

Tech Stack

Frontend: Typescript, Next.js, TailwindCSS

Smart contracts / Api : Solidity, Ethereum, Ethers.js

Wallet: Metamask

Development environment / Testing: Hardhat, Waffle

Initialize frontend dApp

We can use npx to initialize our frontend dapp with a NextJS starter. Since we know we want to use Tailwindc CSS, we can directly initialize with the official tailwind example.

 $ npx create-next-app@latest --typescript --example with-tailwindcss

Initialize Smart Contract

To initalize our smart contract, we can first initialize a standard node project using npm and then use Hardhat. You can also read the official instructions from the Hardhat website.

Hardhat will open an interactive menu on the command line, which you can use to configure your project. Please try to follow the steps as shown in the video to get the same results.

$ mkdir contract
$ cd contract
$ npm init
$ npm install --save-dev hardhat
$ npx hardhat

While we're here, we can also try running a local Ethereum node on our computer. Hardhat makes it easy to simulate a lightweight ethereum node on our local machine. Apart from this, we also get a few ethereum accounts with 10000 ETH to play around on our local ethereum network.

$ npx hardhat node

Deploy your own

Deploy the example using Vercel or preview live with StackBlitz

Author

• Pranav N

🔗 Reach out to me