ByteNext

BYTENEXT aims to build up the AvatarArt platform to support art creators worldwide to make their paintings become NFT on Binance Smart Chain, conduct auctions and transactions globally.

bytenext.io

CHAIN

Binance Smart Chain

CHAIN ID

eip155:56

ICON COLOR

#fba004

SYMBOL

BNU

DECIMALS

16x16

32x32

48x48

64x64

16x16

32x32

48x48

64x64

IDENTIFIER

/eip155/56/0x4954e0062e0a7668a2fe3df924cd20e6440a7b77

README

BYTENEXT aims to build up the AvatarArt platform to support art creators worldwide to make their paintings become NFT on Binance Smart Chain, conduct auctions and transactions globally. AvatarArt will be a pioneer in bringing real values in life to the NFT space.

npm add xmatter

app/eip155/56/0x4954e0062e0a7668a2fe3df924cd20e6440a7b77/page.tsx

import { XmatterClient } from "xmatter/client";
import { XmatterIcon } from "xmatter/next/server";

const xmatter = new XmatterClient("eip155");

export default async function Page() {
  const chainId = "56";
  const address = "0x4954e0062e0a7668a2fe3df924cd20e6440a7b77";
  const frontmatter = await xmatter.getFrontmatter(chainId, address);

  return (
    <div>
      <XmatterIcon
        client={xmatter}
        chainId={chainId}
        address={address}
        width={64} height={64}
        alt={`${frontmatter.name} Icon`}
        fallback={<div className="size-[64px] rounded-full bg-[#aaa]" />}
      />
      <h1>{frontmatter.name}</h1>
      <p>{frontmatter.symbol}: {frontmatter.decimals} decimals</p>
    </div>
  );
}

next.config.ts

import { RemotePattern } from "xmatter/next";

const nextConfig = {
  images: {
    remotePatterns: [RemotePattern],
  },
};