Coder Social home page Coder Social logo

cleon30 / nft-minter Goto Github PK

View Code? Open in Web Editor NEW

This project forked from solana-workshops/nft-minter

0.0 0.0 0.0 175 KB

Mint your own custom NFT on Solana!

Home Page: https://nft-minter-fawn.vercel.app

JavaScript 3.57% TypeScript 95.46% CSS 0.97%

nft-minter's Introduction

NFT Minter

๐ŸŽฌ Recorded Sessions

Link Instructor Event
youtube Recording Joe Caulfield N/A

๐Ÿ“— Learn

This workshop makes use of Metaplex's new JS SDK for managing NFTs and tokens!

You can find the docs and source code for the SDK here.

About the Solana dApp Scaffold

This workshop, like many others in the Solana Workshops collection, is built using the dApp Scaffold. This scaffold provides a huge handful of out-of-the-box NextJS configs and functionality to get up & running fast with building a dApp on Solana.

Amongst other things, this scaffold gives you:

  • Wallet connection support for popular wallets
  • Airdrop functionality & components
  • User SOL balance store
  • Navbar & Footer
  • Basic NextJS file structure layout

About the Metaplex JS SDK

This new SDK brings with it some awesome abstractions around common NFT functions like uploading images & metadata to Arweave, creating NFTs and Editions, and minting NFTs to a user.

You can see Metaplex is making use of an object called Metaplex which handles all of the configs and some core operations with Arweave.

Once you set up the Metaplex instance, you can use it's modules like nfts() to interact with Solana and manage assets!

The nfts() Module

The module for NFTs can be used to create and also query NFT data on Solana.

In this demo, we are going to just use nfts() to create and mint NFTs, and also upload metadata to Arweave, but you can expand on this module to also render the user's owned NFTs and their associated metadata/image.

Creating a Metaplex NFT Collection

There are a number of ways you can create a Collection with Metaplex for your NFTs.

Ultimately, you just need to create a Collection account using the Metaplex on-chain program. However you accomplish this, you can use that account's address to dictate what collection any new NFT belongs to.

An easy way to create new collections on Metaplex is to go to their Create Collection Portal and follow the steps on-screen to create a new collection!

nft-minter's People

Contributors

buffalojoec avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.