From 6e94f9f23a495389b729044595752e6917e347ee Mon Sep 17 00:00:00 2001 From: Sam Becker Date: Fri, 23 Feb 2024 21:23:26 -0600 Subject: [PATCH] Add 1080 to custom next sizes --- next.config.js | 2 +- src/services/next-image.ts | 3 ++- 2 files changed, 3 insertions(+), 2 deletions(-) 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;