بنك منسّق لأسئلة مقابلات الواجهة الأمامية مع إجاباتٍ قويّة موجزة — JavaScript واللغة، وHTML/CSS وسهولة الوصول، والمتصفّح والشبكة، والأداء ومؤشّرات الويب الأساسية، وReact (الخطّافات، العرض، الحالة)، وNext.js (مكوّنات الخادم، العرض، التخزين)، وأسئلة سلوكية وتصميمية — كلٌّ بـ'اعرض الإجابة' تختبر نفسك عليها، إضافةً إلى كيفية التعامل مع المقابلة نفسها.
دليل خبير لأخذ تطبيق موجّه تطبيق Next.js إلى الإنتاج مع TypeScript — المصادقة بطبقات (الوسيط، وطبقة الوصول للبيانات، والجلسات بكوكيز httpOnly)، ومتغيّرات البيئة وإبقاء الأسرار على الخادم، والأداء بـ next/image وnext/font والاستيراد الديناميكيّ وتحليل الحزمة، ومعالجة الأخطاء بـ error.tsx وnot-found، والنشر على Vercel أو ذاتيًّا بخرج standalone — مع أخطاء شائعة وتمارين.
دليل خبير لميزات التوجيه القويّة في موجّه تطبيق Next.js مع TypeScript — مجموعات المسارات للتنظيم وتعدّد التخطيطات الجذرية، والمقاطع الديناميكية والماسكة الشاملة مع generateStaticParams، والمسارات المتوازية بفتحاتٍ مُسمّاة، والمسارات المُعترِضة للنوافذ المنبثقة، ومعالِجات المسار (route.ts) كنقاط نهاية، والوسيط (middleware) للمصادقة وإعادة التوجيه، وtemplate مقابل layout، وملفّات البيانات الوصفية — مع أخطاء شائعة وتمارين.
دليل خبير لتغيير البيانات في موجّه تطبيق Next.js بأفعال الخادم وTypeScript — ما فعل الخادم وكيف يعمل 'use server'، وأفعال النماذج والتحسين التدريجيّ، وuseActionState لحالة النموذج وأخطاء التحقّق، وuseFormStatus لواجهة الانتظار، وuseOptimistic للتحديثات التفاؤلية، وإعادة التحقّق وإعادة التوجيه بعد تعديل، وربط الوسائط الإضافية، واستدعاء الأفعال خارج النماذج، وقواعد الأمان المهمّة لأن الأفعال نقاط نهايةٍ عامّة — مع أخطاء شائعة وتمارين.
دليل خبير لكيفية عرض موجّه تطبيق Next.js وتخزينه مؤقّتًا — العرض الساكن مقابل الديناميكيّ وما الذي يُطلِق كلًّا، وطبقات التخزين الأربع (تحفيظ الطلب، وذاكرة البيانات، وذاكرة المسار الكاملة، وذاكرة الموجّه)، وتخزين fetch في Next 15+ (غير مخزّن افتراضيًّا)، وإعادة التحقّق الزمنية وعند الطلب بـ revalidateTag/revalidatePath، وunstable_cache للبيانات غير fetch، وتهيئة مقطع المسار، والتدفّق بـ Suspense وloading.tsx، والعرض المسبق الجزئيّ — مع أخطاء شائعة وتمارين.
مقدّمة عملية لـ Next.js وموجّه التطبيق (App Router) مع TypeScript — ما الذي يضيفه إطار React فوق React، والتوجيه القائم على الملفّات بالمجلّدات وpage.tsx، والتخطيطات والمسارات المتداخلة، ومكوّنات الخادم مقابل العميل، وجلب البيانات على الخادم، واستراتيجيات العرض (SSG/SSR/ISR)، والتنقّل بـ next/link وuseRouter، والملفّات الخاصّة (loading وerror وnot-found)، وواجهة Metadata لتحسين محرّكات البحث، ونظرة أولى على أفعال الخادم وnext/image — مع أخطاء شائعة وتمارين عملية.