YP

The blockchain technology of Yep Chain touches multiple social levels and can solve problems such as logistics tracking and verification, vehicle life tracking and so on, as well as help build a smar…

www.yepchain.io

CHAIN

Ethereum

CHAIN ID

eip155:1

ICON COLOR

#00356b

SYMBOL

DECIMALS

16x16

32x32

48x48

64x64

16x16

32x32

48x48

64x64

IDENTIFIER

/eip155/1/0x02e2c716230c6750208f7cb1af34049472c91527

README

npm add xmatter

app/eip155/1/0x02e2c716230c6750208f7cb1af34049472c91527/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 = "1";
  const address = "0x02e2c716230c6750208f7cb1af34049472c91527";
  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],
  },
};