깃허브 페이지에 Next.js 올렸더니 이미지 다 깨짐 😭 도와줘

Next.js를 GitHub Pages에 배포할 때 이미지 경로가 깨지는 문제 해결해줘. basePath랑 assetPrefix 설정했는데도 이미지가 안 나와

아 진짜 미치겠다 😤

Next.js 겨우겨우 깃허브 페이지에 배포했더니 이미지가 전부 다 깨져버림 💀

로컬에서는 멀쩡하게 잘 나왔거든??

<Image src="/portrait.jpg" />

이거 그냥 쓰면 로컬은 OK인데 깃허브 페이지 올리면 이미지 경로가 /repository_name/portrait.jpg 이렇게 돼야 한다는 거임 😵

그래서 next.config.ts 이렇게 고쳤는데도 안됨...

const nextConfig: NextConfig = {
  output: 'export',
  basePath: '/repository_name',
  assetPrefix: '/repository_name/',
  images: {
    loader: "imgix",
    path: "/repository_name/",
    unoptimized: true,
  },
};

뭘 더 해야하는거야 진짜 🥲🥲 삽질 몇 시간째인지... 아는 분 제발 알려줘요