a5okol / marketplace-nextJs-tailwindcss-web3

Web3 Solidity NextJs Tailwind Marketplace [dApps]

This advanced application involves Next JS, Solidity, and Ganache, along with deployment to an actual blockchain.

Demo

https://marketplace-next-tailwind-web3.vercel.app/

Built With

• NextJs
• Tailwind
• Solidity
• Web3
• Infura
• Metamask
• Ganache
• Truffle
• Remix
• Etherscan
• Ethers
• Sepolia Test Network
• Axios
• SWR
• React-Toastify
• Vercel

Screenshots

MetaMask is not installed

MetaMask is not connected

MetaMask is connected to wrong network

MetaMask is connected to correct network

Purchase in progress toast notification

Toast notification of successful and failed purchases

Admin section. Admin can activate/deactivate purchases

Example of activated and deactivated purchase

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Deploying

npm run deploy
# or
yarn deploy

ENV

NEXT_PUBLIC_TARGET_CHAIN_ID=11155111
NEXT_PUBLIC_NETWORK_ID=11155111

Keys

{
  "INFURA_PROJECT_ID": "",
  "MNEMONIC": "",
}