Next.js Discord

Discord Forum

hostname is not configured under images

Unanswered
Asiatic Lion posted this in #help-forum
Open in Discord
Asiatic LionOP
I've been looking at the documentation but I am not sure what I am doing wrong

Here is my repo
https://github.com/JAbelP/next-wp

here is the next.config.ts
import type { NextConfig } from "next";

const nextConfig: NextConfig = {
  images: {
    remotePatterns: [
      {
        protocol: "https",
        hostname: process.env.WORDPRESS_HOSTNAME || "", // Ensure this variable is defined
        port: "",
        pathname: "/**",
      },
      {
        protocol: "https",
        hostname: "heidydelacruz.com",
        port: "",
        pathname: "/**", // Ensure pathname is included
      },
    ],
  },
  async redirects() {
    return [
      {
        source: "/admin",
        destination: `${process.env.WORDPRESS_URL}/wp-admin`,
        permanent: true,
      },
    ];
  },
};

export default nextConfig;

what am I doing wrong with my domain?

9 Replies

Asiatic LionOP
ah the env variables

WORDPRESS_URL="https://heidydelacruz.com/"
WORDPRESS_HOSTNAME="heidydelacruz.com"
Asiatic LionOP
I've Tried taking out the s in http

but I stil get
: Invalid src prop (https://heidydelacruz.com/wp-content/uploads/2025/02/Ways-to-Support-the-Podcast.png) on next/image, hostname "heidydelacruz.com" is not configured under images in your next.config.js
LuisLl
And if you inline the URL/Hostname in the config? Still the same?
@LuisLl And if you inline the URL/Hostname in the config? Still the same?
Asiatic LionOP
Inline like `` <-?
LuisLl
Inline as in:
module.exports = {
  images: {
    remotePatterns: [
      {
        protocol: 'https',
        hostname: 'heidydelacruz.com,
        port: '',
        pathname: '/**',
        search: '',
      },
    ],
  },
}
Asiatic LionOP
And you can do that with the new versions of next?
Asiatic LionOP
ts import type { NextConfig } from "next"; const nextConfig: NextConfig = { async redirects() { return [ { source: "/admin", destination:${process.env.WORDPRESS_URL}/wp-admin`,
permanent: true,
},
];
},
};

export default nextConfig;
module.exports = {
images: {
remotePatterns: [
{
protocol: 'https',
hostname: 'heidydelacruz.com,
port: '',
pathname: '/**',
search: '',
},
],
},
}
```