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' export default function Index({ allPosts, preview }) { const heroPost = allPosts[0] const morePosts = allPosts.slice(1) return ( <> Next.js Blog Example with {CMS_NAME} {heroPost && ( )} {morePosts.length > 0 && } ) } export async function getStaticProps({ preview = null }) { const allPosts = (await getAllPostsForHome(preview)) || [] return { props: { allPosts, preview }, } }