خب این یک پست نسبتا ساده در مورد نحوه راه اندازی دامنه های خارجی و استفاده از آنها در پروژه های nextjs ما است.
اگر تا به حال با خطای زیر برخورد کرده اید، این پست برای شما مناسب است.
The "images.domains" configuration is deprecated. Please use "images.remotePatterns" configuration instead.
روش قدیمی (نوعی منسوخ شده از Nextjs 14):
/** @type {import('next').NextConfig} */
const nextConfig = {
images: {
domains: ['images.unsplash.com', 'i.pravatar.cc']
}
};
export default nextConfig;
- تا nextjs 13 فقط باید همه نام‌های میزبان خارجی را در آرایه دامنه‌های nextConfig اضافه کنیم.
- و این به طور خودکار امکان دسترسی به دامنه های مشخص شده در پروژه ما را فراهم می کند.
روش جدید (قابل استفاده از نسخه 14):
/** @type {import('next').NextConfig} */
const nextConfig = {
images: {
remotePatterns: [
{
protocol: 'https',
hostname: 'images.unsplash.com',
pathname: '**'
},
{
protocol: 'https',
hostname: 'i.pravatar.cc',
pathname: '**'
},
]
}
};
export default nextConfig;
- تنها تفاوتی که در اینجا وجود دارد این است که نام دامنه ها را به آرایه RemotePatterns تغییر می دهیم که یک شی با پارامترهای مختلف مانند پروتکل، نام میزبان، پورت، نام مسیر و غیره را می پذیرد.
- و اگر فقط سعی می کنید آن را در پروژه شخصی خود کار کنید، می توانید روش جدید بالا را کپی کنید.
- در غیر این صورت می توانید نام میزبان، پروتکل ها، شماره پورت ها و نام مسیرهای قابل قبول را مشخص کنید. مثال: images.unsplash.com/**/user12 و غیره.
