next/image لا تقوم بتحميل الصور من عنوان URL خارجي

يجب ضبط اعدادات ملف next.config.js أولا, في ملف next.config.js يجب اضافة الكود التالي

module.exports = {
    images: {
        domains: ['images.unsplash.com'],
    },
}

في ملف الصفحة

<Image
    alt=""
    src="https://images.unsplash.com/photo-1464375117522-1311d6a5b81f?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=2250&q=80"
    width={2250}
    height={1390}
    layout="responsive"
/>