Skip to content

Find, buy, and sell NFTs from incredible creators on Solana.

License

Notifications You must be signed in to change notification settings

AbhisekBasu1/holaplex

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

👋 Welcome to Holaplex - Tools built by creators, for creators, owned by creators.

Local project setup

First, install dependencies

yarn install

You might also want to setup a .env.local file with the following overrides:

# mainnet
NEXT_PUBLIC_SOLANA_ENDPOINT="https://holaplex.rpcpool.com/"
# devnet (comment out when you want to use real solana)
NEXT_PUBLIC_SOLANA_ENDPOINT="http://api.devnet.solana.com"

NFT_STORAGE_API_KEY="" # got to https://nft.storage and create an account, and get an API key.

NEXT_PUBLIC_MIXPANEL_TOKEN

Development

Then, simply run the development server:

PORT=3001 yarn dev

Replace 3001 with an available port on your machine for this and any of the following examples.

Open http://localhost:3001 with your browser to see the result.

The src/pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

Graph QL Queries

We expose a Graph QL layer for data produced by the indexer.

https://graph.holaplex.com

View Available Data

View available data at https://docs.holaplex.com/

View and Use Existing Queries

Query code is generated from Graph QL queries. The query specs are located in ./src/graphql/*/.graphql. These specs are processed by the generate:graphql script in package.json. The script outputs typescript types and react hooks with documentation that can be used to fetch data from the Graph QL layer. See indexerTypes.ts for existing queries.

To use a query, use its hook as documented in the query example for the query in indexerTypes.ts.

Add a Query

To add a query, you need to define the Graph QL query spec and use it to generate the necessary types and hook. To do this

  1. Build the query from available data (see above).
  2. Save the query as a new .graphql file in the specs location (see above).
  3. Generate the code with yarn generate:graphql. This produces code in indexerTypes.ts.
  4. Finally, use the generated hook in your react component.

About

Find, buy, and sell NFTs from incredible creators on Solana.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 98.8%
  • Less 0.5%
  • JavaScript 0.5%
  • Dockerfile 0.1%
  • HTML 0.1%
  • Shell 0.0%