An NFT Marketplace running on ethereum, binance smart chain, polygon, avalanche, fantom, optimism and arbitrum powered by 0x smart contracts. Made in React/Next JS, MUI and Typescript.

Overview

NFT Marketplace Tweet

NFT marketplace

This marketplace is the DexKit open source showcase on how to use 0x v4 nft smart contracts on a production app. Additionally, we are building a zero code solution with premium features to help artists deploy their own marketplace in an easy and secure way. Check our docs about it here.

On this marketplace you can make offers and listings of ERC721 Tokens on the chains supported by 0x smart contracts, namely: Ethereum, Binance Smart Chain, Polygon, Fantom, Avalanche, Celo and Optimism.

How to Start

clone this repo

git clone https://github.com/DexKit/open-nft-marketplace.git

Install it and run:

npm install
npm run dev

Contributing

Check Contributing for a more in depth way how to contribute.

Deployment

We recommend Vercel to deploy this app, after you made your changes on the app.json config file, just use the button below:

Deploy with Vercel

Note that you need to set up INFURA_API_KEY to Next js be able to generate pages.

Tech used

Started from NEXT JS + Material UI+ Typescript + Boilerplat

Additionally we use trader sdk to handle nft smart contract interactions, react query to handle all http and blockchain requests, format js for internalization, web3 react to handle wallet logic. You can check our requirements here.

Roadmap

We will be adding any new evm network that 0x smart contracts will support.

It is also planned to extract all common hooks and state used to interact with the blockchain to a library repo.

Customization

If you need a zero code solution we are building one currently in beta at wizard, check our docs as well about it. Instead, if you want to deploy your own custom solution using this repo, please fork it, update the app.json file accordingly on the config folder and then deploy on Vercel (Recommended) or Heroku.

Missing feature?

We are welcome missing features, but take in mind that this is repo is intended to be base app for any dev to start working on, if it is makes sense to have that feature on this base app we will include, if it is considered a premium feature, we will be including on our premium marketplace which uses this one as base.

We at the moment consider premium features as follows:

  • - NFT trading history

  • - Artist page

  • - Cache optimizations

  • - Fetch NFT and token balances via api without the need to import, using Alchemy for instance

  • - Swap ERC20 <-> ERC20 tokens

  • - Collection level stats like orders, max supply, floor price, number of trades

  • - Improved SEO

Acknowledgements

We would like to thank ZRX project for these amazing tools and ZRX DAO for the support on building this open source app.

Wanna talk about this repo

Join our dedicated channel Open NFT Support

You might also like...
Build a Full Stack Marketplace on Ethereum with React, Solidity, Hardhat, and Ethers.js
Build a Full Stack Marketplace on Ethereum with React, Solidity, Hardhat, and Ethers.js

Building a Digital Marketplace on Ethereum The technologies used in this workshop are React, Next.js, Tailwind CSS, HardHat, Solidity, and Ethers. Get

Crypto Boy NFT Marketplace DApp Built With React
Crypto Boy NFT Marketplace DApp Built With React

Crypto Boy NFT Marketplace NFT marketplace DApp where users mint ERC721 implemented Crypto Boy NFTs. Features Mint custom ERC721 implemented Crypto Bo

Solana NFT Marketplace + Candy Machine V2
Solana NFT Marketplace + Candy Machine V2

Solana Candy Machine V2 + Candy Shop This repo allows you to sell NFTs through Candy Machine V2 and host your own secondary marketplace with Candy Sho

NFT DROP React.js (Minting NFT's with thirdweb, Sanity, Next.js, Tailwind, TS)
NFT DROP React.js (Minting NFT's with thirdweb, Sanity, Next.js, Tailwind, TS)

NFT DROP React.js 🔴 LIVE DEMO PREREQUISITES: Install Node JS in your computer HERE MetaMask HERE Sanity HERE thirdweb HERE This project was bootstrap

      Free React Admin Dashboard made with MUI's components, React and of course Next.js to boost your app development process!
Free React Admin Dashboard made with MUI's components, React and of course Next.js to boost your app development process!

Material Kit - React Free React Admin Dashboard made with MUI's components, React and of course Next.js to boost your app development process! Demo Da

⚛ devChallenges Airbnb clone made with React and MUI
⚛ devChallenges Airbnb clone made with React and MUI

Windbnb · devChallenges Airbnb clone Solution for a challenge from Devchallenges.io. Demo | Solution | Challenge Table of Contents Table of Contents O

Lanus Tech - A simple e-commerce project built using React.js and MUI
Lanus Tech - A simple e-commerce project built using React.js and MUI

Lanus Tech - A simple React.js e-commerce project What to expect from this project? A main page where products, fetched from Firebase, are enlisted as

This repo contains the code for advanced chat application's frontend. This app's frontend is built on MUI, a react component library.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Smart-face-detector - A face detector application made with React JS, Node JS, Express JS, and PostgreSQL.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Comments
  • ENS assets not displaying properly

    ENS assets not displaying properly

    Example: https://whitelabel-nft.dexkit.com/asset/ethereum/0x57f1887a8BF19b14fC0dF6Fd9B2acc9Af147eA85/0x0a79670e261d27c33a1236b4ef259419a5443fbd756c99fd5420e82a985f35b8

    opened by JoaoCampos89 0
  • Add collection/Floor orders

    Add collection/Floor orders

    https://docs.swapsdk.xyz/readme/collection-based-floor-based-orders

    This allows projects and users to buy the collection floor price aka help create pools,

    opened by JoaoCampos89 0
A fork of Ethereum Boilerplate and demostrates how to build upgradeable smart contracts by showcasing it in the form of a simple NFT minter dAp

This repository contains tutorial on building Upgradable Smart Contracts and showcasing it with a simple NFT Minter dApp with React and Moralis.

Yoseph Kurnia Soenggoro 45 Nov 16, 2022
A Vite React app using Metamask wallet, connected to the block-chain, interaction with smart contracts

It is a Vite React app using Metamask wallet, connected to the block-chain, interaction with smart contracts. Using Giphy API and styled with Tailwind CSS.

Yuriy Chamkoriyski 2 Feb 25, 2022
NFT Marketplace on Ethereum Blockchain based on course. Made in React/Next JS, Solidity and Typescript.

This is a Next.js project. Full process and video lectures how to create the application can be found here: NFT Marketplace in React, Typescript & Sol

Filip Jerga 19 Dec 6, 2022
Zaynab Batool Reza 4 May 14, 2022
✨ An IRL tokenization platform to turn your hopes, dreams, and desires into fundable NFTs on the Polygon blockchain using Chainlink, IPFS, Moralis, and NFT.Storage.

✨ An IRL tokenization platform to turn your hopes, dreams, and desires into fundable NFTs on the Polygon blockchain using Chainlink, IPFS, Moralis, and NFT.Storage.

Brian H. Hough | brianhuff.eth 7 Dec 6, 2022
A fullstack DApp NFT Marketplace Made with NodeJS, Hardhat, Solidity, ReactJS, NextJS and Vercel.

??️ NFT Marketplace This is a fullstack DApp NFT Marketplace built as a study project to learn more about blockchain and smart contract development. M

John Oseni 4 Jan 4, 2023
Online Marketplace Built with MERN stack (MongoDB, Express, React and Node)Online Marketplace Built with MERN stack (MongoDB, Express, React and Node)

?? Shopping App ?? Online Marketplace Built with MERN stack (MongoDB, Express, React and Node). ⚡️ ⚡️ ⚡️ Kiwi Shop ⚡️ ⚡️ ⚡️ ?? Table of contents Main

Tomiwa Adeyemi 10 Dec 23, 2022
React Truffle Box - Start using smart contracts from a react app

This box comes with everything you need to start using smart contracts from a react app. This is as barebones as it gets, so nothing stands in your way.

✨ Mario ECS ✨ 2 Feb 15, 2022
A Dapp built with react which uses web3.js to interact with solidity smart contracts hosted on the rinkeby blockchain.

A Dapp built with react which uses web3.js to interact with solidity smart contracts hosted on the rinkeby blockchain

Tahmeed Tarek 13 Dec 22, 2022
A Checkers game built to demonstrate Mina Snapps Smart Contracts at work

Mina CheckerSnapp A Checkers game built to demonstrate Mina Snapps Smart Contracts at work. Game works according to the rules other than the following

Vim 5 Dec 12, 2022