gistfile1.js

import React from "react";
import Head from "next/head";
import Image from 'next/image';
import Prismic from '@prismicio/client';
import { Client } from "../../prismic-configuration";
import { PostList } from "../../components/blog/home";

const Home = ({ blogHome, posts }) => {
  return (
    <div className="flex flex-col min-h-screen font-sans">
      <h1 className="sr-only">{blogHome.data.headline}</h1>

      <p className="text-lg text-gray-100">{blogHome.data.description}</p>

      <PostList posts={posts} />
    </div>
  )
};

export async function getStaticProps() {

  const blogHome = await Client().getSingle("blog_home") || {}

  const posts = await Client().query(Prismic.Predicates.at("document.type", "post"), { orderings: "[my.post.date desc]"})

  return {
    props: {
      blogHome,
      posts: posts ? posts.results : [],
    }
  }
}

export default Home;