c59d24055d
* Add Prismic Example * Update package.json * Update constants * Remove react-datocms * Add Preview Mode for Prismic * Add support for Preview Mode * Delete author.jpg * Delete image.jpg * Fixes and readme updates * Fixed issues with preview mode * Updated preview mode steps * Added more posts * Updated readme * Updated readme * Added demo URL * Added related examples links * Added example to docs Co-authored-by: Shu Uesugi <shu@chibicode.com> Co-authored-by: Luis Alvarez <luis@zeit.co>
24 lines
719 B
JavaScript
24 lines
719 B
JavaScript
import PostPreview from '../components/post-preview'
|
|
|
|
export default function MoreStories({ posts }) {
|
|
return (
|
|
<section>
|
|
<h2 className="mb-8 text-6xl md:text-7xl font-bold tracking-tighter leading-tight">
|
|
More Stories
|
|
</h2>
|
|
<div className="grid grid-cols-1 md:grid-cols-2 md:col-gap-16 lg:col-gap-32 row-gap-20 md:row-gap-32 mb-32">
|
|
{posts.map(({ node }) => (
|
|
<PostPreview
|
|
key={node._meta.uid}
|
|
title={node.title}
|
|
coverImage={node.coverimage}
|
|
date={node.date}
|
|
author={node.author}
|
|
slug={node._meta.uid}
|
|
excerpt={node.excerpt}
|
|
/>
|
|
))}
|
|
</div>
|
|
</section>
|
|
)
|
|
}
|