title: Gatsby server side rendering ajax/xhr/axios
body: <p>Is it possible with gatsby to render some external data server side to have prepopulated content when accessing page with browser?</p>
  <ol>
  <li>Lets assume i have a public api endpoint like this: <a href="http://jsonplaceholder.typicode.com/posts" rel="nofollow noreferrer">http://jsonplaceholder.typicode.com/posts</a></li>
  <li>I want data from such endpoint rendered also server side.</li>
  </ol>
  <h1>Current behaviour:</h1>
  <ol start="3">
  <li>Currently when doing axios get calls in my component(constructor or componentDidMount) im able to see data downloaded and rendered fully client side</li>
  </ol>
  <h1>Expected result</h1>
  <ol start="4">
  <li>I want to be able to call external data in react component  (maybe marking with async/await) to have it rendered after ajax call wil be finished.</li>
  </ol>
  <p>I found something regarding graphQL(iam not familiar with it) that it is able to query data also for server side rendering.</p>
  <p>But how to achieve my needs using simple text/json response from external endpoint?</p>