88ac118d1c
# Demo: https://next-blog-demo.enterspeed.com/ Added `with-enterspeed` to examples. Linked to `with-enterspeed` in related documentation: - docs/advanced-features/preview-mode.md - docs/basic-features/data-fetching/overview.md - docs/basic-features/pages.md Linked to `with-enterspeed` in related examples: - examples/blog-starter/README.md - examples/cms-agilitycms/README.md - examples/cms-builder-io/README.md - examples/cms-buttercms/README.md - examples/cms-contentful/README.md - examples/cms-cosmic/README.md - examples/cms-datocms/README.md - examples/cms-drupal/README.md - examples/cms-ghost/README.md - examples/cms-graphcms/README.md - examples/cms-kontent/README.md - examples/cms-prepr/README.md - examples/cms-prismic/README.md - examples/cms-sanity/README.md - examples/cms-storyblok/README.md - examples/cms-strapi/README.md - examples/cms-takeshape/README.md - examples/cms-tina/README.md - examples/cms-umbraco-heartcore/README.md
54 lines
1.4 KiB
TypeScript
54 lines
1.4 KiB
TypeScript
import Head from 'next/head'
|
|
import Container from '../components/container'
|
|
import MoreStories from '../components/more-stories'
|
|
import HeroPost from '../components/hero-post'
|
|
import Intro from '../components/intro'
|
|
import Layout from '../components/layout'
|
|
import { EXAMPLE_TOOL_NAME } from '../lib/constants'
|
|
import { getByHandle } from '../lib/api'
|
|
import PostType from '../types/postType'
|
|
|
|
type Props = {
|
|
posts: PostType[]
|
|
preview: boolean
|
|
}
|
|
|
|
export default function Index({ posts, preview }: Props) {
|
|
const heroPost = posts[0]
|
|
const morePosts = posts.slice(1)
|
|
|
|
return (
|
|
<>
|
|
<Layout preview={preview}>
|
|
<Head>
|
|
<title>Next.js Blog Example with {EXAMPLE_TOOL_NAME}</title>
|
|
</Head>
|
|
<Container>
|
|
<Intro />
|
|
{heroPost && (
|
|
<HeroPost
|
|
title={heroPost.title}
|
|
coverImage={heroPost.featuredImage}
|
|
date={heroPost.date}
|
|
author={heroPost.author}
|
|
slug={heroPost.url}
|
|
excerpt={heroPost.excerpt}
|
|
/>
|
|
)}
|
|
{morePosts.length > 0 && <MoreStories posts={morePosts} />}
|
|
</Container>
|
|
</Layout>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export async function getStaticProps({ preview }: { preview: boolean }) {
|
|
const data = await getByHandle('blogList', preview)
|
|
|
|
return {
|
|
props: {
|
|
posts: data.blogListItems,
|
|
preview: preview || null,
|
|
},
|
|
}
|
|
}
|