Locus Chain

www.locuschain.com

CHAIN

Ethereum

CHAIN ID

eip155:1

ICON COLOR

#e5f0f3

SYMBOL

LOCUS

DECIMALS

16x16

32x32

48x48

64x64

16x16

32x32

48x48

64x64

IDENTIFIER

/eip155/1/0xc64500dd7b0f1794807e67802f8abbf5f8ffb054

README

Locus Chain believes that it has established the basis for anyone to freely participate in the network through nodes by implementing the technology called Verifiable Pruning, which allows for the validation of previous data with the least amount of hash values, and also dynamic sharding, which decreases the network load by dividing the network into shard units.

npm add xmatter

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