usePathnameでトップページのみh1にする

Next.js

2026/04/19

2026/04/18

JSX

import { usePathname } from "next/navigation";

export default function Home() {
  const pathname = usePathname();

  const isHome = pathname === "/";
  const Tag = isHome ? "h1" : "div";

  return <Tag></Tag>;
}

import { usePathname } from "next/navigation";

export default function Home() {
  const pathname = usePathname();

  const isHome = pathname === "/";
  const Tag = isHome ? "h1" : "div";

  return <Tag></Tag>;
}

#判定