Next.js · dev overlay

next/image hostname is not configured

Error: Invalid src prop (https://avatars.githubusercontent.com/u/1) on `next/image`, hostname "avatars.githubusercontent.com" is not configured under images in your `next.config.js`

What it means

next/image only optimizes remote images from hosts you allow. Avatars from GitHub or Google sign-in, Stripe product images and CMS images all need an entry.

Common causes

• Showing session.user.image from an OAuth provider
• Images from a CMS, S3 bucket or Supabase Storage

How to fix it

1. Add the host to images.remotePatterns in next.config.ts
2. Be specific (protocol, hostname, path) instead of allowing every host

const nextConfig = {
  images: {
    remotePatterns: [new URL("https://avatars.githubusercontent.com/**")],
  },
};

Prompt for Cursor or Claude Code

next/image rejects a remote hostname. Add a specific images.remotePatterns entry in next.config.ts for this host (protocol, hostname and a path pattern if possible). Don't allow all hosts.

Not quite your error? Paste yours into the free VibeBoot Doctor or browse the Next.js error fixer.