import Container from 'components/blog/container'; import { GetStaticProps } from 'next/types'; import Head from 'next/head'; import HeroPost from 'components/blog/hero-post'; import Layout from 'components/Layout'; import MoreStories from 'components/blog/more-stories'; import Post from '../types/post'; import { getAllPosts } from '../lib/api'; type Properties = { allPosts: Post[]; }; const Index = ({ allPosts }: Properties) => { const heroPost = allPosts[0]; const morePosts = allPosts.slice(1); return ( <> {`${ process.env.NEXT_PUBLIC_TITLE ? process.env.NEXT_PUBLIC_TITLE : '' } | Blog`} {heroPost && ( )} {morePosts.length > 0 && } ); }; export default Index; // eslint-disable-next-line unicorn/prevent-abbreviations export const getStaticProps = (): GetStaticProps => { const allPosts = getAllPosts([ 'title', 'date', 'slug', 'author', 'coverImage', 'excerpt', ]); return { props: { allPosts }, }; };