Xmatter

npm add xmatter

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

const xmatter = new XmatterClient("eip155");

export default async function Page(props) {
  const { chainId, address } = await props.params;
  const frontmatter = await xmatter.getFrontmatter(chainId, address);

  return (
    <div>
      <XmatterIcon
        client={xmatter} chainId={chainId} address={address}
        width={64} height={64} alt={`${frontmatter.name} Icon`}
      />
      <h1>{frontmatter.name}</h1>
    </div>
  );
}

import { RemotePattern } from "xmatter/next";

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