Unable to build gatsby site with around 355 images

[lezan]

I am unable to create node with createRemoteFileNode due some issues with timeout as reported here, so I switched to local images and I am now able to start gatsby in dev mode. Unfortunately I am not able to build it because it gets stucked after success Writing page-data.json files to public directory. If I remove all the images (not all the images, but just the latest 355 add that I was trying to download) I can build without issues.

I am using Gatsby 3 at the latest version, same for all the plugins.

If you have some things to try, please let me know. I can also try to share my repo, but not with a public link.

[lezan]

I tried with a fresh gatsby project. I just put all the images inside and query them with

full: allImageSharp {
  nodes {
    gatsbyImageData(
      transformOptions: {fit: CONTAIN, cropFocus: CENTER}
      layout: FULL_WIDTH
    )
  }
}
constrained: allImageSharp {
  nodes {
    gatsbyImageData(
      width: 600
      height: 600
      transformOptions: {fit: COVER, cropFocus: CENTER}
      layout: CONSTRAINED
    )
  }
}

and I am able to succesfully build it info Done building in 504.3601104 sec. I tried with both Gatsby 3 to the latest version and Gatsby 4 to the latest version.

In my project I have also some other images, mdx. json and so on.
With the fresh project

info Total nodes: 815, SitePage nodes: 3 (use --verbose for breakdown) verbose Number of node types: 7. Nodes per type: Directory: 73, File: 356, ImageSharp: 356, Site: 1, SiteBuildMetadata: 1, SitePage: 3, SitePlugin: 25.
With my project:

info Total nodes: 950, SitePage nodes: 104 (use --verbose for breakdown) verbose Number of node types: 22. Nodes per type: AddressJson: 1, ApproachJson: 5, Cartography3DJson: 1, CatalogJson: 71, Directory: 83, EventsJson: 1, File: 313, GlobeJson: 1, ImageSharp: 261, InfoPagesJson: 9, LinksJson: 3, ListingInfoCottonJson: 4, ListingInfoIconJson: 4, ListingInfoPrintJson: 4, Mdx: 19, PlatformJson: 4, ProcessJson: 3, Site: 1, SiteBuildMetadata: 1, SitePage: 104, SitePlugin: 56, SocialJson: 1.

Do 145 nodes make so difference?

gatbsy info for my current project

    OS: Windows 10 10.0.19042
    CPU: (4) x64 Intel(R) Core(TM) i5-4670K CPU @ 3.40GHz     
  Binaries:
    Node: 16.13.0 - E:\Program Files\nodejs\node.EXE
    Yarn: 1.22.10 - ~\AppData\Roaming\npm\yarn.CMD
    npm: 8.1.3 - E:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: Spartan (44.19041.1266.0), Chromium (95.0.1020.53)  
  npmPackages:
    gatsby: ^3.14.5 => 3.14.5
    gatsby-plugin-advanced-sitemap: ^2.0.0 => 2.0.0
    gatsby-plugin-google-gtag: ^3.14.0 => 3.14.0
    gatsby-plugin-image: ^1.14.2 => 1.14.2
    gatsby-plugin-manifest: ^3.14.0 => 3.14.0
    gatsby-plugin-mdx: ^2.14.0 => 2.14.0
    gatsby-plugin-no-sourcemaps: ^3.14.0 => 3.14.0
    gatsby-plugin-offline: ^4.14.0 => 4.14.0
    gatsby-plugin-react-helmet: ^4.14.0 => 4.14.0
    gatsby-plugin-react-helmet-canonical-urls: ^1.4.0 => 1.4.0
    gatsby-plugin-react-leaflet: ^3.0.2 => 3.0.2
    gatsby-plugin-robots-txt: ^1.6.14 => 1.6.14
    gatsby-plugin-s3: ^0.3.8 => 0.3.8
    gatsby-plugin-sass: ^4.14.0 => 4.14.0
    gatsby-plugin-sharp: ^3.14.3 => 3.14.3
    gatsby-source-filesystem: ^3.14.0 => 3.14.0
    gatsby-source-google-spreadsheets: ^3.0.8 => 3.0.8
    gatsby-transformer-json: ^3.14.0 => 3.14.0
    gatsby-transformer-sharp: ^3.14.0 => 3.14.0
    gatsby-transformer-yaml: 3.14.0 => 3.14.0
  npmGlobalPackages:
    gatsby-cli: 3.14.2

[lezan]

Digging into plugin and gatsby-config.js maybe I found the issue

{
	resolve: 'gatsby-plugin-sharp',
	options: {
		defaults: {
			formats: ['auto', 'webp', 'avif'],
			webpOptions: {
				quality: 100,
			},
			avifOptions: {
				quality: 100,
			},
			jpgOptions: {
				quality: 100,
			},
			pngOptions: {
				quality: 100,
			},
		},
		defaultQuality: 100,
	},
}

with avif, defaultQuality: 100 and quality: 100 I am not anymore able to build it (with the new 355 images added). Using 'gatsby-plugin-sharp' with the default config I am able to finish the build.

To recap. I am not able to build with

{
	resolve: 'gatsby-plugin-sharp',
	options: {
		defaults: {
			formats: ['auto', 'webp', 'avif'],
		},
		defaultQuality: 100,
	},
}

{
	resolve: 'gatsby-plugin-sharp',
	options: {
		defaults: {
			formats: ['auto', 'webp', 'avif'],
		},
	},
}