Next.js

// app/page.tsx - Server Component (default)
import { db } from '@/lib/db';

export default async function HomePage() {
  const posts = await db.post.findMany();
  
  return (
    <div>
      <h1>آخر المقالات</h1>
      {posts.map(post => (
        <article key={post.id}>
          <h2>{post.title}</h2>
          <p>{post.excerpt}</p>
        </article>
      ))}
    </div>
  );
}

// app/posts/[id]/page.tsx - Dynamic Route
import { notFound } from 'next/navigation';

export default async function PostPage({ params }: { params: { id: string } }) {
  const post = await db.post.findUnique({ where: { id: params.id } });
  
  if (!post) notFound();

  return <article>{post.content}</article>;
}

// app/api/posts/route.ts - API Route
import { NextResponse } from 'next/server';

export async function GET() {
  const posts = await db.post.findMany();
  return NextResponse.json(posts);
}