Create a project using this example:
npx thirdweb create --template vite-javascript-starter
You can start editing the page by modifying src/main.jsx
. The page auto-updates as you edit the file.
On src/index.jsx
, you'll find our ThirdwebProvider
wrapping your app,
this is necessary for our hooks and
UI Components to work.
Deploy a copy of your application to IPFS using the following command:
yarn deploy
To learn more about thirdweb, Vite and React, take a look at the following resources:
- thirdweb React Documentation - learn about our React SDK.
- thirdweb JavaScript Documentation - learn about our JavaScript/TypeScript SDK.
- thirdweb Portal - check our guides and development resources.
- Vite Documentation - learn about Vite features.
- React documentation - learn React.
You can check out the thirdweb GitHub organization - your feedback and contributions are welcome!
Create a project using this example:
npx thirdweb create --contract --template hardhat-javascript-starter
You can start editing the page by modifying contracts/Contract.sol
.
To add functionality to your contracts, you can use the @thirdweb-dev/contracts
package which provides base contracts and extensions to inherit. The package is already installed with this project. Head to our Contracts Extensions Docs to learn more.
After any changes to the contract, run:
npm run build
# or
yarn build
to compile your contracts. This will also detect the Contracts Extensions Docs detected on your contract.
When you're ready to deploy your contracts, just run one of the following command to deploy you're contracts:
npm run deploy
# or
yarn deploy
If you want to release a version of your contracts publicly, you can use one of the followings command:
npm run release
# or
yarn release