[fix] image device size cap at 1504px

wackerow · wackerow · commit 6b1da3f28093 · 2024-01-03T15:17:56.000-08:00
Overrides default decideSizes for images, capping largest device size at 1504px (global website max width). Fixes image sizes which were coming in significantly larger than in previous Gatsby repo.
diff --git a/next.config.js b/next.config.js
@@ -34,6 +34,9 @@ module.exports = (phase, { defaultConfig }) => {
       return config
     },
     i18n,
+    images: {
+      deviceSizes: [640, 750, 828, 1080, 1200, 1504],
+    },
   }
 
   if (phase !== PHASE_DEVELOPMENT_SERVER) {

Original file line number	Diff line number	Diff line change
`@@ -34,6 +34,9 @@ module.exports = (phase, { defaultConfig }) => {`
`34`	`34`	`return config`
`35`	`35`	`},`
`36`	`36`	`i18n,`
	`37`	`+ images: {`
	`38`	`+ deviceSizes: [640, 750, 828, 1080, 1200, 1504],`
	`39`	`+ },`
`37`	`40`	`}`
`38`	`41`
`39`	`42`	`if (phase !== PHASE_DEVELOPMENT_SERVER) {`