Next.js Data querying example

Async-Await-getInitialProps-nextjs.js

import React, { Component } from 'react'

const Index = () => (
  <div className="IndexPage">
    <label>{this.props.APIdata.key}</label>
    <span>{this.props.APIdata.value}</span>
    <style jsx>{`
      .IndexPage { color: blue; }
    `}</style>
  </div>
)

Index.getInitialProps = () => {  
  // await response of fetch call
  let response = await fetch('https://quantstamp.com/api/v1/JSONDATA')

  // only proceed once promise is resolved
  let APIdata = await response.json()

  // only proceed once second promise is resolved
  return { APIdata }
}

export default Index