react-static/examples/graphql-request/src/pages/Home.js

A progressive static site generator for React

import React from 'react'
import { withRouteData, Link } from 'react-static'

export default withRouteData(({ allPosts }) => (
  <section>
    <ul className="home-ul">
      {allPosts.map(post => (
        <li className="home-li" key={post.id}>
          <Link to={`/post/${post.slug}`} className="home-link">
            <div className="home-placeholder">
              <img
                className="home-link"
                alt={post.title}
                src={`https://media.graphcms.com/resize=w:100,h:100,fit:crop/${post.coverImage.handle}`}
              />
            </div>
            <h3>{post.title}</h3>
          </Link>
        </li>
      ))}
    </ul>
  </section>
))