[email protected] complains about any queries I have wrapped in graphql-tag for runtime Apollo queries at build time. e.g.

GraphQLDocumentError: Cannot query field "getCustomer" on type "Query".
        at /Users/benipsen/Development/moonshot-client/src/providers/AuthProvider.tsx:2:3

Any way to prevent Gatsby from doing this and just let alone the runtime queries?

Love the static builds Gatsby does, but this is for login / customer data.

FYI I added the isomorphic-fetch package and when I deploy it I get the CORS error:

blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

Hey there, thanks for this useful example!
Is there a reasons one should duplicate the wrapRootElement in both Browser and SRR js files or was it just to show both were possible?
I haven't found in the docs the difference between browser.js and srr.js could you point me to the right resource?
Thanks a lot!

The graphql endpoint in the code no longer works and is hosted on https://launchpad.graphql.com which was sunset on Dec 15, 2018.

This endpoint is a working substitute (however you will need to change the client side dog query to some other query to get a valid response since dog is no longer a root query):
https://rickandmortyapi.com/graphql/

Saw the code

// This query is executed at build time by Gatsby.
export const GatsbyQuery = graphql`
  {
    rickAndMorty {
      character(id: 1) {
        name
        image
      }
    }
  }
`;

The comment says query is executed at build time by Gatsby.

does this mean that if any new data is available in the backend it has to be re build again ? to receive the new data ?

Just wanted to ask a question because i didn't see any other ways to reach out. Sorry for cluttering the issues.

Problem

When running the demo page I get stuck on "loading Sara" underneath the Rick and Morty meme.

Process to define problem

After running locally I got an error from Gatsby because there is no 404 page. After providing a dummy 404 page, I got the error that the API was timing out.

Possible Solution

Troubleshoot the reason for an API timeout on the server.

Steps already taken

I tried switching the API endpoint to a dummy endpoint and retrieving data and it worked just fine.

Not sure what I am doing wrong. Forked the project, ran an npm install and ran npm start- pre-rendered content loads fine but the Apollo data does not. Instead the error variable spits out "$Network request failed". Tried changing API's aswell incase that was the issue. Same out come. Would appreciate any help or guidance- I really want to master Apollo + Gatsby.

(Please let me know what data I can share to make my problem more clear)

Hi Bro I reallly Need your i implemented the gatsby with apollo client.. it works fine for client side but i want to show all the data to server side rendereing which can be seen in view source but how can i apply SSR for apollo client and gatsby please help me..
i created a folder by name apollo inside components and inside apollo folder i create two file client.js and wraproot element.js
see the screenshot
Client.js

Wrap-root-element.js

this is screenshot which i refered the code from your repo by i want to add SSR so that all the data can be view in view source please bro guide me to add SSR in this project i am stuck in this part since one month

Thanks for this demo guys. I'm running a similar setup. My challenge is, that I want to run the same kind of queries both in Gatsby and in ApolloClient. I want my search page to render the first 10 results from Gatsby, after that, the user can search and filter with live data via ApolloClient. Also, I have a client-only route fetching for an item that hasn't built yet. All of this works, if I set up 2 different queries. Because the shape is just a bit different. gatsby-source-graphql wraps the query with an extra something parent, typenames get prepended with SOMETHING_. This wouldn't be too bad if I could share the requested fields between the gatsby graphql``` and apolloClient gql``` but gatsby wont allow me to interpolate variables into the graphql block.

Hope anyone has any idea's to share more between the 2