1import { Suspense } from 'react' 
2import { getLatestPosts } from '@/lib/api' 
3 
4// Next.js-Entwicklung mit höchstem Anspruch – Gemeinsam realisieren wir Ihre Vision 
5 
6export default async function Blog() { 
7  const posts = await getLatestPosts() 
8 
9  return ( 
10    <section className="py-8"> 
11      <h1 className="text-3xl font-bold mb-4">Latest Posts</h1> 
12      <Suspense fallback={<p>Loading posts...</p>}> 
13        <PostList posts={posts} /> 
14      </Suspense> 
15    </section> 
16  ) 
17} 
18 
19function PostList({ posts }) { 
20  return ( 
21    <ul className="space-y-4"> 
22      {posts.map((post) => ( 
23        <li key={post.id} className="border p-4 rounded-lg"> 
24          <h2 className="text-xl font-semibold">{post.title}</h2> 
25          <p className="text-gray-600">{post.excerpt}</p> 
26        </li> 
27      ))} 
28    </ul> 
29  ) 
30}