NextJS 및 Metaplex로 Mint Solana NFT 프런트엔드 구축

Solana 네트워크에서 Nextjs 및 Metaplex로 NFT 채굴기를 구축해 봅시다.

Metaplex와 Wallet을 시작하는 것으로 시작합니다.

import { useWallet } from "@solana/wallet-adapter-react";
import { useMetaplex } from "hooks/useMetaplex";
// ...
  const { metaplex: mx } = useMetaplex();
  const wallet = useWallet();

사용findAllByOwner 소유자 공개 키로 NFT 메타데이터를 검색합니다.

    const owner = mx.identity().publicKey;
    const nfts = (await mx
      .nfts()
      .findAllByOwner({ owner })
      .run()) as Metadata[];

uploadMetadata를 사용하여 메타데이터를 업로드하고 create를 사용하여 메타데이터를 사용하여 NFT를 생성합니다.

        const { uri, metadata } = await mx
          .nfts()
          .uploadMetadata({
            name: data.name,
            description: data.description,
            image: toMetaplexFile(arrayBuffer, "metaplex.png"),
          })
          .run();

        const { nft } = await mx
          .nfts()
          .create({
            uri,
            name: data.name,
            sellerFeeBasisPoints: 500,
          })
          .run();

저장소는 다음과 같습니다.
metaplex-nextjs-starter