NEXTJS — App Router

مقدمة

تعلّم App Router في NEXTJS مع شرح واضح ومثال عملي.

ماذا ستتعلم؟

• ما هو App Router
• متى نستخدمه
• كيف يعمل عملياً
• مثال جاهز للنسخ

الصياغة

export default function Page(){}

مثال

export default function Page(){
  return <main><h1>Hello Next.js</h1></main>;
}

ملاحظات

• جرّب المثال في Playground.
• ابدأ بسيطاً ثم طوّر.

أخطاء شائعة

• نسيان الصياغة الصحيحة.
• عدم اختبار النتيجة.