Discussion on deploying a portfolio built with Sanity and Gatsby to Netlify, including resolving errors related to url mismatch, image references, and invalid file names.

module.exports = {
  flags: {
    DEV_SSR: true
  },
  plugins: [...]
}

In general, every website needs assets: images, stylesheets, scripts, etc. When using Gatsby, we recommend Importing Assets Directly in JavaScript files, because of the benefits it provides:

    Scripts and stylesheets are minified and bundled together to avoid extra network requests.
    Missing files cause compilation errors instead of 404 errors for your users.
    Result filenames include content hashes so you don't need to worry about browsers caching their old versions.

However, there is an escape hatch that you can use to add an asset outside of the module system.