Simple NFT mint page

Structure of the project

  • Frontend folder: contains the dapp users interact with to provide a picture, title and description for their NFT
  • Backend folder: contains the server app to pin the picture and the metadata to Pinata (IPFS)
  • Contract: contains the FA2 contract recording the NFTs

Getting started:

  • For the frontend dapp:
npm install
npm run dev

You must provide a valid server URL in the App.svelte file:

// Replace `https://my-cool-backend-app.com` with the address where you deployed the backend app

const serverUrl =
  process.env.NODE_ENV !== "production"
    ? "http://localhost:8080"
    : "https://my-cool-backend-app.com";
  • For the backend dapp:
npm install
npm run dev

You must provide a valid app URL for the CORS options:

// Replace `https://my-cool-nft-app.com` with the URL of your app

const corsOptions = {
  origin: ["http://localhost:8082", "https://my-cool-nft-app.com"],
  optionsSuccessStatus: 200 // some legacy browsers (IE11, various SmartTVs) choke on 204
};
  • For the contract: The code of the contract can be copy-pasted into the Ligo web IDE and originated from there. The default storage is available in a comment block at the bottom of the contract.
  • Pinata: you will need an account on Pinata and API keys. Keep your API keys secret!

Top categories

Loading Svelte Themes