import React from "react" import { useStaticQuery, graphql } from "gatsby" import Img from "gatsby-image"; import Layout from "../components/layout" import Header from "../components/header" import Link from "../components/Link" import SEO from "../components/seo" const BlogPage = () => { const data = useStaticQuery( graphql` query { allContentfulBlogPost(sort: { fields: publishDate, order: DESC}) { edges { node { title id slug publishDate(formatString: "Do MMMM, YYYY") heroImage { fluid(maxWidth: 460) { ...GatsbyContentfulFluid } } short { childMarkdownRemark { excerpt(pruneLength: 100) } } } } } } ` ) return (
{data.allContentfulBlogPost.edges.map(edge => { return (

{edge.node.title}

{edge.node.short.childMarkdownRemark.excerpt}

{edge.node.heroImage && ( {edge.node.title} )}
) })}
) } export default BlogPage