react-static/examples/graphql-request/static.config.js

A progressive static site generator for React

import { request } from 'graphql-request'

const GRAPHCMS_API = 'https://api.graphcms.com/simple/v1/starterBlog'

const query = `{
  allPosts {
    id
    slug
    title
    coverImage {
      handle
    }
    content
  }
  allAuthors {
    id
    name
    avatar {
      handle
    }
    bibliography
  }
}`

export default {
  getRoutes: async () => {
    const {
      allPosts,
      allAuthors,
    } = await request(GRAPHCMS_API, query)

    return [
      {
        path: '/',
        component: 'src/pages/Home',
        getData: () => ({
          allPosts,
        }),
        children: allPosts.map(post => ({
          path: `/post/${post.slug}`,
          component: 'src/pages/Post',
          getData: () => ({
            post,
          }),
        })),
      },
      {
        path: '/about',
        component: 'src/pages/About',
        getData: () => ({
          allAuthors,
        }),
      },
      {
        is404: true,
        component: 'src/pages/404',
      },
    ]
  },
}