diff --git a/next.config.js b/next.config.js index f0ff1b30..28ff2187 100644 --- a/next.config.js +++ b/next.config.js @@ -28,7 +28,7 @@ const createRemotePattern = (hostname) => hostname /** @type {import('next').NextConfig} */ const nextConfig = { images: { - imageSizes: [200], + imageSizes: [200, 1080], remotePatterns: [] .concat(createRemotePattern(HOSTNAME_VERCEL_BLOB)) .concat(createRemotePattern(HOSTNAME_CLOUDFLARE_R2)) diff --git a/src/services/next-image.ts b/src/services/next-image.ts index cf0b0b9d..b99fd0ee 100644 --- a/src/services/next-image.ts +++ b/src/services/next-image.ts @@ -1,7 +1,8 @@ import { BASE_URL } from '@/site/config'; // Explicity defined next.config.js `imageSizes` -type NextCustomSize = 200; +type NextCustomSize = 200 | 1080; + type NextImageDeviceSize = 640 | 750 | 828 | 1080 | 1200 | 1920 | 2048 | 3840; export type NextImageSize = NextCustomSize | NextImageDeviceSize;