---
updatedAt: 2025-06-25T21:55:15.000Z
agentTools:
  projectIndex: https://docs.nftgo.io/llms.txt
---

# Build a Gallery page

This guide will enable you to create an NFT Gallery page using the NFTGo API.

# What is gallery?

An NFT marketplace gallery page serves as a user interface for your users to buy and sell NFTs on your marketplace. Gallery is the most common component in an NFT trading scenario, the image below shows a gallery page.

![](https://files.readme.io/f408131-image.png)

# Pre-requisites

* Kindly take some time to grasp the [core concepts](https://docs.nftgo.io/docs/core-concept) of business, it's vital to the integration.
* Your API Key is prepared, make sure you have access to the endpoints. Get your API key [here](https://nftgo.io/developers).

# Best Practice

Normally there are 3 main functions for a gallery, NFTs display, filter to display specific group of NFT, and buy NFTs.

## Display NFTs

* Using this API \[[Get NFTs by collection](https://docs.nftgo.io/reference/eth_v2_collection_collection_filtered_nfts)] to retrieve all the NFTs info under the collection, and display the NFT details, including best listing and best offer.
* Using  the API \[[Batch Get NFT Best Listing](https://docs.nftgo.io/reference/post_orderbook-v1-orders-batch-get-nft-best-listing)] to display and access the best listing order of each NFT.

## Filter

We can separate the filter function into several different points. You can support each function by the following process.

* Filter Traits\
  Use this API \[[Get traits with stats by collection](https://docs.nftgo.io/reference/get_traits_eth_v1_collection_traits_get)] to get all the NFT traits and floor price.
* Filter marketplace and rarity\
  Use this API [Get supported info by collection](https://docs.nftgo.io/reference/get_collection_supported_info_eth_v1_collection_supported_info_get) to get all the marketplaces and rarity ranks.
* Filter listing price\
  Using the parameters 'min\_price' and 'max\_price'  of the API \[[Get NFTs by collection](https://docs.nftgo.io/reference/eth_v2_collection_collection_filtered_nfts)] to query NFTs filtered by the listing price.
* Filter listed NFT\
  Using the parameter 'is\_listing' of the API \[[Get NFTs by collection](https://docs.nftgo.io/reference/eth_v2_collection_collection_filtered_nfts)] to query listed NFT.

## Buy NFT

Check '[Enable buy, list, and offer](https://docs.nftgo.io/docs/enable-buy-list-and-offer-trading-function)' to implement buy function.