Create a project using this example:
npx thirdweb create --template cra-javascript-starterYou can start editing the page by modifying src/index.js. The page auto-updates as you edit the file.
On src/index.js, you'll find our ThirdwebProvider wrapping your app, this is necessary for our hooks to work.
on src/App.js, 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.
To learn more about thirdweb, React and CRA, 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.
- Create React App Documentation - learn about CRA features.
- React documentation - learn React.
You can check out the thirdweb GitHub organization - your feedback and contributions are welcome!
For any questions, suggestions, join our discord at https://discord.gg/thirdweb.