Trace Token

origintrail.io

CHAIN

Ethereum

CHAIN ID

eip155:1

ICON COLOR

#6444dc

SYMBOL

TRAC

DECIMALS

16x16

32x32

48x48

64x64

16x16

32x32

48x48

64x64

IDENTIFIER

/eip155/1/0xaa7a9ca87d3694b5755f213b5d04094b8d0f0a6f

README

OriginTrail provides a helpful protocol solution to the problem of maintaining trust among all players involved in bringing a product to market by making the “chain” in “supply chain” more literal. Using blockchain technology, OriginTrail can append immutable data to products as they take each step along the supply route.

npm add xmatter

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