gistfile1.txt

import React from "react"
import { graphql } from "gatsby"
import Img from "gatsby-image"

const Image = ({ data }) => (
  <div>
    <h1>Hello gatsby-image</h1>
    {console.log(data)}
    <Img fluid={data.file.childImageSharp.fluid} />
  </div>
)
export default Image

export const query = graphql`
  query {
    file(relativePath: { eq: "fabio.jpg" }) {
      childImageSharp {
        fluid(maxWidth: 300) {
          ...GatsbyImageSharpFluid
        }
      }
    }
  }
`