unbanksytv / thirdweb-deploy-workshop

Use thirdweb deploy to create your own NFT staking app, where users are rewarded ERC-20 tokens for staking their NFTs!

NFT Staking App

Deployed a simple NFT staking contract using thirdweb deploy to build a simple dapp that allows you to stake NFTs from a collection that will passively generate ERC20 tokens for you.

Getting Started

First, intall the required dependencies:

npm install
# or
yarn install

Then, run the development server:

npm run dev
# or
yarn dev

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

You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.

On pages/_app.tsx, you'll find our ThirdwebProvider wrapping your app, this is necessary for our hooks to work.

on pages/index.tsx, you'll find the useMetamask hook that we use to connect the user's wallet to MetaMask, useDisconnect that we use to disconnect it, and useAddress to check the user's wallet address once connected.

Learn More

To learn more about thirdweb and Next.js, take a look at the following resources:

• thirdweb React Documentation - learn about our React SDK.
• thirdweb TypeScript Documentation - learn about our JavaScript/TypeScript SDK.
• thirdweb Portal - check our guides and development resources.
• Next.js Documentation - learn about Next.js features and API.

You can check out the thirdweb GitHub organization - your feedback and contributions are welcome!

Join our Discord!

For any questions, suggestions, join our discord at https://discord.gg/thirdweb.