التحميل والأخطاء والحالات الخاصّة

// app/blog/loading.tsx
export default function Loading() {
  return <p>جارٍ التحميل...</p>;
}

"use client";
export default function Error({
  error,
  reset,
}: {
  error: Error;
  reset: () => void;
}) {
  return (
    <div>
      <p>حدث خطأ: {error.message}</p>
      <button onClick={reset}>أعد المحاولة</button>
    </div>
  );
}

import { notFound } from "next/navigation";

if (!post) notFound();   // يعرض not-found.tsx

app/(marketing)/about/page.tsx   →   /about