gatsby-source-strapi | Gatsby source plugin for building websites using Strapi | REST library

Try running gatsby clean first, and then try it again…

Use:

So my issue is that I do not know how a user can download all the images by clicking on a link.

Given that scenario, I would recommend avoiding the Link component, since doesn't fit your requirements.

I would do something like:

This is not a problem from your side. It is not a problem of package.json. In the ERR, the URL https://registry.npmjs.org/axios (last line of the error message) gives a JSON response which is flawed. See the below image. The JSON validation fails. They must resolve this.

Try running

According to:

The page won't display in dev: Error: Cannot read property 'publicURL' of undefined.

images is an array so it needs to be accessed as:

Have you tried?

As I was saying, it's not Netlify's fault since the project is not building locally. You should ensure always that your project is correctly coded in both environments (build and develop) since they have substantial differences between them. A project that works under gatsby develop doesn't mean that it's perfectly coded, only means that it work under certain conditions. You can check the overview between runtime and build-time in Gatsby's docs, the main difference relies on gatsby build's Gatsby Server-Side Rendering (SSR). Keep in mind that you are using jQuery, which points directly to the real DOM, having a high-performance impact on the site, while React, creates and manipulates a virtual DOM (vDOM) to avoid that kind of high-cost actions. It's odd using both approaches.

In addition, you are importing everything in the component, which will be used across your project in multiple components/pages. This may lead to multiple script rendering/loading if the component is rerendered.

Said that, your issue may be caused by:

• AOS.init();
• The script importation: since they aren't promises, they will be imported at the same time. If for some reason one of them is loaded first (the lighter) and it's dependant on the other one, it will break your project, since it won't be able to load. You are not loading jQuery, unless it's in scripts.js.

You have many approaches, from changing the approach and using a React-based one, to try to async the script importation (and loading jQuery before), but all the workarounds will need to be tested with some trials and errors:

Create a file in the root of your project named .env.development and .env.production. There, create your variable, just:

Okey, so this was a dumb mistake that I just couldn't see: after trying different solutions, which didn't work, I realized that Strapi was trying to fetch data from http://167.172.32.171//posts?_limit=1000, so my problem was that I had an extra / in the URL I indicated to the plugin.

We explain how to deploy both Strapi on Heroku and Gatsby on Netlify in this tutorial: https://strapi.io/blog/building-a-static-website-using-gatsby-and-strapi#11deploygatsbytonetlify

I hope it will provide the answer to your question :)

Cheers!