cd557c9667
## Bug - [x] Related issues linked using `fixes #number` - [ ] Integration tests added - [ ] Errors have a helpful link attached, see [`contributing.md`](https://github.com/vercel/next.js/blob/canary/contributing.md) ## Feature - [ ] Implements an existing feature request or RFC. Make sure the feature request has been accepted for implementation before opening a PR. - [ ] Related issues linked using `fixes #number` - [ ] [e2e](https://github.com/vercel/next.js/blob/canary/contributing/core/testing.md#writing-tests-for-nextjs) tests added - [ ] Documentation added - [ ] Telemetry added. In case of a feature if it's used or not. - [ ] Errors have a helpful link attached, see [`contributing.md`](https://github.com/vercel/next.js/blob/canary/contributing.md) ## Documentation / Examples - [x] Make sure the linting passes by running `pnpm build && pnpm lint` - [ ] The "examples guidelines" are followed from [our contributing doc](https://github.com/vercel/next.js/blob/canary/contributing/examples/adding-examples.md) Fixes #46261
45 lines
1.3 KiB
TypeScript
45 lines
1.3 KiB
TypeScript
import Head from 'next/head'
|
|
import { GetStaticProps } from 'next'
|
|
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 { getAllPostsForHome } from '../lib/api'
|
|
import { CMS_NAME } from '../lib/constants'
|
|
|
|
export default function Index({ allPosts: { edges }, preview }) {
|
|
const heroPost = edges[0]?.node
|
|
const morePosts = edges.slice(1)
|
|
|
|
return (
|
|
<Layout preview={preview}>
|
|
<Head>
|
|
<title>{`Next.js Blog Example with ${CMS_NAME}`}</title>
|
|
</Head>
|
|
<Container>
|
|
<Intro />
|
|
{heroPost && (
|
|
<HeroPost
|
|
title={heroPost.title}
|
|
coverImage={heroPost.featuredImage}
|
|
date={heroPost.date}
|
|
author={heroPost.author}
|
|
slug={heroPost.slug}
|
|
excerpt={heroPost.excerpt}
|
|
/>
|
|
)}
|
|
{morePosts.length > 0 && <MoreStories posts={morePosts} />}
|
|
</Container>
|
|
</Layout>
|
|
)
|
|
}
|
|
|
|
export const getStaticProps: GetStaticProps = async ({ preview = false }) => {
|
|
const allPosts = await getAllPostsForHome(preview)
|
|
|
|
return {
|
|
props: { allPosts, preview },
|
|
revalidate: 10,
|
|
}
|
|
}
|