index.js

import React from 'react'
import { Link, graphql } from 'gatsby'

import Layout from '../components/layout'
import SEO from '../components/seo'

const IndexPage = ({ data }) => {
  return (
    <Layout>
      <SEO title="Home" keywords={[`gatsby`, `application`, `react`]} />
      <ul>
        {data.allPostsJson.edges.map(post => (
          <li key={post.node.id}>
            <Link to={post.node.slug}>{post.node.title}</Link>
          </li>
        ))}
      </ul>
    </Layout>
  )
}

export const query = graphql`{
  allPostsJson(sort: { fields: published_at, order: DESC }, filter: { status: { eq: "published" } }) {
    edges {
      node {
        id, slug, title, published_at, status, markdown
      }
    }
  }
}`

export default IndexPage