مشروع Next.js تطبيقي

// صفحة تصنيف في /blog/category/[name]
import { notFound } from "next/navigation";
import PostCard from "@/components/PostCard";

async function getPostsByCategory(categoryName) {
  const res = await fetch(
    `https://api.example.com/posts?category=${categoryName}`,
    { next: { revalidate: 3600 } }
  );
  if (!res.ok) return [];
  return res.json();
}

export default async function CategoryPage({ params }) {
  const { name } = await params;
  const displayName = decodeURIComponent(name);
  const posts = await getPostsByCategory(name);

  return (
    <main className="max-w-6xl mx-auto px-4 py-12">
      <h1 className="text-4xl font-extrabold mb-2 text-gray-900">
        تصنيف: {displayName}
      </h1>
      <p className="text-gray-500 mb-8">{posts.length} مقال</p>
      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
        {posts.map((post) => (
          <PostCard key={post.id} post={post} />
        ))}
      </div>
    </main>
  );
}

// Route Handler لإضافة تعليق
// app/api/comments/route.js
import { NextResponse } from "next/server";

export async function POST(request) {
  try {
    const body = await request.json();
    const { postId, author, content } = body;

    if (!author || author.length < 2) {
      return NextResponse.json(
        { success: false, error: "الاسم مطلوب" },
        { status: 400 }
      );
    }

    if (!content || content.length < 10) {
      return NextResponse.json(
        { success: false, error: "التعليق قصير جداً" },
        { status: 400 }
      );
    }

    // حفظ التعليق في قاعدة البيانات
    const comment = await db.comments.create({
      data: { postId, author, content },
    });

    return NextResponse.json({ success: true, data: comment }, { status: 201 });
  } catch (error) {
    return NextResponse.json(
      { success: false, error: "خطأ داخلي" },
      { status: 500 }
    );
  }
}