Web3, Full Stack Solidity, Smart Contract & Blockchain development with JavaScript

My Web3 full stack Solicity smart contract & blockchain development journey along with
» this course from Patrick Collins

View Code · Check My Full Journey

Getting Started

1. Clone the repo

git clone https://github.com/levblanc/web3-nft-marketplace-nextjs-thegraph.git

2. Install dependencies with yarn install or npm install

3. Deploy contracts in web3-nft-marketplace-hardhat

# under web3-nft-marketplace-hardhat project directory

# deploy locally
yarn deploy

# deploy to goerli testnet
yarn deploy:goerli

3. Update contract address in constants/contractAddresses.json

{
  "5": {
    "NFTMarketplace": "goerli_nft_marketplace_address",
    "DynamicNFT": "goerli_dynamic_nft_address"
  },
  "31337": {
    "NFTMarketplace": "localhost_nft_marketplace_address",
    "DynamicNFT": "localhost_dynamic_nft_address"
  }
}

Usage

Run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

Skills

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

Roadmap

• Setup NextJS to work with the graph queries and marketplace/dynamicNFT contracts
• Query subgraph and display contract data with GraphQL & Apollo client
• Use RainbowKit for wallet connection
• Use Wagmi to interact with smart contracts
• Build separate pages for displaying, minting and listing NFTs
• Customize UI/UX with Ant Design Components & Tailwind Styling

» Check the main repo of my full web3 journey