Customizing

Changing the logoAnchor

If you want to change the logo, you can update the logo.tsx file inside the components folder:

import { SVGProps } from "react";

export function Logo(props: SVGProps<SVGSVGElement>) {
  return (
    <svg
      fill="currentColor"
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 330 75"
      {...props}
    >
      <title>Hygraph logo</title>
      {/* ... */}
    </svg>
  );
}

Replacing the default Open Graph imageAnchor

To change the default Open Graph image, replace the public/og-fallback.png image with your image. If you want, you can also set a custom image per page using the SEO model.

If your file has another file extension, update the utils/seo.ts file.