import Head from "next/head"; import PostCard from "@/components/PostCard"; import { getPosts } from "@/services"; import PostWidget from "@/components/PostWidget"; import Categories from "@/components/Categories"; export default async function Home() { const posts = await getPosts() || []; return ( <main className="relative padding py-0 bg-background"> <Head> <title>Home</title> <meta name="description" content="Home" /> </Head> <div className="grid grid-cols-1 lg:grid-cols-12 gap-12"> <div className="lg:col-span-8 col-span-1"> {posts.map((post, index) => { return <PostCard key={index} post={post.node} /> })} </div> <div className="lg:col-span-4 col-span-1"> <div className="lg:sticky relative top-8"> <PostWidget /> <Categories></Categories> </div> </div> </div> </main> ); } | A shadcn/ui and v0 generation - v0