3caebdef67
Lands #38163 with merge conflict fixes. Needed to open a new PR, because GitHub does not allow maintainers to edit organization forks. https://github.com/orgs/community/discussions/5634 Closes #38163 ## Bug - [ ] Related issues linked using `fixes #number` - [ ] Integration tests added - [ ] Errors have a helpful link attached, see `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` - [ ] Integration 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` ## Documentation / Examples - [ ] Make sure the linting passes by running `pnpm lint` - [ ] The "examples guidelines" are followed from [our contributing doc](https://github.com/vercel/next.js/blob/canary/contributing/examples/adding-examples.md) Co-authored-by: sherazmalik06 <sherazmalik06@gmail.com> Co-authored-by: Tony Spiro <tspiro@tonyspiro.com>
59 lines
1.5 KiB
TypeScript
59 lines
1.5 KiB
TypeScript
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 Head from 'next/head'
|
|
import { CMS_NAME } from '@/lib/constants'
|
|
import { PostType } from 'interfaces'
|
|
|
|
type IndexProps = {
|
|
allPosts: PostType[]
|
|
preview: boolean
|
|
}
|
|
|
|
const Index = (props: IndexProps) => {
|
|
const { allPosts, preview } = props
|
|
|
|
const heroPost = allPosts[0]
|
|
const morePosts = allPosts.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.metadata.cover_image}
|
|
date={heroPost.created_at}
|
|
author={heroPost.metadata.author}
|
|
slug={heroPost.slug}
|
|
excerpt={heroPost.metadata.excerpt}
|
|
/>
|
|
)}
|
|
{morePosts.length > 0 && <MoreStories posts={morePosts} />}
|
|
</Container>
|
|
</Layout>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default Index
|
|
|
|
type staticProps = {
|
|
preview: boolean
|
|
}
|
|
|
|
export const getStaticProps = async (props: staticProps) => {
|
|
const { preview = null } = props
|
|
const allPosts = (await getAllPostsForHome(preview)) || []
|
|
return {
|
|
props: { allPosts, preview },
|
|
}
|
|
}
|