vertextrn / marketplace-template

NFT Marketplace running on the Liteflow infrastructure

Marketplace template

This repository is an example of an application running on the Liteflow infrastructure to showcase the uses of the infrastructure and/or be used as a starter kit to launch a product fast.

Features included

The Marketplace template includes the following features:

• Open collections (User-generated content)
  • Mint ERC-721
  • Mint ERC-1155
  • Creator's royalties support
• Featured NFTs on the home page
• Search system
• Explore NFTs with filtering and sorting systems
• Native currency support
• List NFTs on sale
  • Fixed price listing
  • Timed auction listing
• Make offers on NFTs
  • Open offer
  • Timed auction offer
• Purchase NFTs
• User profile
  • Account
    • Profile edition
    • Wallet page
  • NFTs "on sale"
  • NFTs "owned"
  • NFTs "created"
  • Offers ("bids") management
  • Trades history
  • Listings ("offers") management
• User verification system (verified status)
• Report system
  • Report a user
  • Report an NFT
• Notifications
  • In-app notifications
  • Email notifications
• NFT history (activity)
  • Minted
  • Listed
  • Purchased
  • Transfered
• Wallet connection with
  • Metamask
  • Coinbase
  • WalletConnect
  • Magic link

It also includes compatibility with the following features:

• Multi-language compatibility
• Credit card payment gateway compatibility
• Email connection compatibility

Additional Paid Features Showcased

The Marketplace template showcases the following additional paid features:

• Lazymint for NFTs
• Unlockable content for NFTs
• Multicurrency support
• Advanced fee customization support
• Referral system

Libraries used

The Marketplace template is based on the following tech stack

• Next.js
• React
• Typescript
• Liteflow
• ChakraUI
• Web3React
• Next translate

Get started

To get started you will first need to set your environmental variables in the .env file based on the .env.example file.

Once done you can install all the dependencies with npm i then run

npm run dev

Your application is now accessible at http://localhost:3000

Customization

Theme

The theme is based on ChakraUI and can be customized in the /styles/theme.ts file.

Application

Your application includes default navigation, metadata, and wallets that can be updated directly from the pages/_app.tsx file.