https://github.com/thirdweb-example/marketplace-template
Build your own NFT Marketplace with thirdweb SDKs
https://github.com/thirdweb-example/marketplace-template
erc721 marketplace nft nft-marketplace thirdweb web3
Last synced: 2 months ago
JSON representation
Build your own NFT Marketplace with thirdweb SDKs
- Host: GitHub
- URL: https://github.com/thirdweb-example/marketplace-template
- Owner: thirdweb-example
- Created: 2024-05-31T03:17:06.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-10T17:28:03.000Z (6 months ago)
- Last Synced: 2025-03-31T18:18:39.938Z (2 months ago)
- Topics: erc721, marketplace, nft, nft-marketplace, thirdweb, web3
- Language: TypeScript
- Homepage: https://marketplace.thirdweb-preview.com
- Size: 129 KB
- Stars: 34
- Watchers: 5
- Forks: 61
- Open Issues: 12
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
thirdweb NFT Marketplace
Build your own NFT Marketplace with thirdweb SDK
## Features
- Support for multiple collections
- Support for multiple chains
- Create listings with custom payment currencies
- Public profile page: [vitalik.eth's Profile](https://marketplace.thirdweb-preview.com/profile/vitalik.eth)
- _and [more to come](https://github.com/thirdweb-example/marketplace-template/issues?q=is%3Aissue+is%3Aopen+feature+request)_
Want to request a feature? [Create a GitHub issue!](https://github.com/thirdweb-example/marketplace-template/issues/new)
## Installation
### 1. Clone the template or [fork it](https://github.com/thirdweb-example/marketplace-template/fork)
```bash
git clone https://github.com/thirdweb-example/marketplace-template
```
### 2. Install the dependencies
```bash
# npm
npm install
# yarn
yarn
# pnpm
pnpm install
```
### 3. Set up environment variables
Create a file called `.env.local` (at the root level of your project) with the following content:
```
NEXT_PUBLIC_TW_CLIENT_ID=" you marketplace contract > Permission > Asset.
Once that is done, head over to the file [`./src/consts/supported_tokens.ts`](./src/consts/supported_tokens.ts) and fill in some basic info of those tokens that you aim to support. For example, the code below will add a dropdown to the UI for USDC and USDT, on the Avalanche Fuji network:
```typescript
export const SUPPORTED_TOKENS: SupportedTokens[] = [
{
chain: avalancheFuji,
tokens: [
{
tokenAddress: "0x5425890298aed601595a70ab815c96711a31bc65",
symbol: "USDC",
icon: "/erc20-icons/usdc.png",
},
{
tokenAddress: "0x82dcec6aa3c8bfe2c96d40d8805ee0da15708643",
symbol: "USDT",
icon: "/erc20-icons/usdt.png",
},
// Add more ERC20 here...
],
},
]
```
You have to prepare your own icon assets for each token in this list.
## Support
For help or feedback, please [visit our support site](https://thirdweb.com/support)
## Additional Resources
- [Documentation](https://portal.thirdweb.com/typescript/v5)
## Security
If you believe you have found a security vulnerability in any of our packages, we kindly ask you not to open a public issue; and to disclose this to us by emailing `[email protected]`.