The easiest way to manage content with Next.js

// pages/movie.js
import { request } from 'graphql-request'
const query = `{
  movie(filter: { title: { eq: "Inception" } }) {
    releaseDate
    actors {
      name
    }
  }
}`
export async function getStaticProps({ preview }) {
  // If context.preview is true, append "/preview" to the API endpoint
  // to request draft data instead of published data.
  const endpoint = preview ?
    'https://graphql.datocms.com/preview' :
    'https://graphql.datocms.com/'
  const { movie } = await request(endpoint, query);
  return {
    props: { movie };
  }
}
export default MoviePage({ movie }) {
  ...
}