NFT App (React + Vite)

This example demonstrates how to utilize Glittr messages to develop an application for deploying and minting NFTs. The app is built with React, a popular JavaScript library for building user interfaces, and Vite, a fast and modern build tool that enhances the development experience.

Live Preview

Visit our website to preview the NFT app and explore its features.

How to Build

You can also build your own app using our example. Here are the steps :

1. Clone our examples repo

   git clonehttps://github.com/Glittrfi/glittr-examples/tree/main

2. Navigate to the repository, then proceed to the glittr-nftfolder

   cd glittr-examples/glittr-nft

3. Rename the .env.local file into .env

   mv .env.local .env

4. Install dependencies

   npm install
   # or
   yarn install

5. Start the development server

   npm run dev
   # or
   yarn dev

6. Open your browser and navigate to

   http://localhost:5173/

Usage

This is the first page of the NFT app. It features several pre-deployed NFT contracts that has been minted.

NFT app page

Click the "Connect" button and select the wallet you want to use with the app.

Wallet selection

If you’d like to create your own NFT, you can click the "Create GlittrNFT" button. From there, you can upload your image and choose how to store it—either using IPFS or embedding it on-chain (images must be less than 80 bytes for on-chain storage).

Create NFT form

Once successful, your NFT will appear on the page after the transaction is confirmed on the Bitcoin blockchain.

After create nft