العودة للأكاديميةابدأ السلسلة
مسار تعليمي كامل
إتقان Next.js 15 والذكاء الاصطناعي
مسار تعليمي مجاني يضم 3 درساً عملياً منظماً خطوة بخطوة.
3
درس منشور
2
ساعة تقريباً
مبتدئ
المستوى
3
خطة السلسلة
الدرس الأول
تطوير واجهات تفاعلية مولدة بالذكاء الاصطناعي: React، Next.js 15 و Vercel AI SDK
دروس السلسلة
ابدأ بالدرس الأول ثم تابع بالترتيب للحصول على أفضل نتيجة.
درس 1
تطوير واجهات تفاعلية مولدة بالذكاء الاصطناعي: React، Next.js 15 و Vercel AI SDK
تعلم تحويل ردود الذكاء الاصطناعي إلى مكونات React تفاعلية جاهزة (أزرار، جداول) باستخدام Next.js 15 و Vercel AI SDK و Tailwind CSS.
45 دقيقة9
درس 2
تطوير تطبيقات AI باستخدام Server Actions في Next.js 15: استبدال API Routes
تعلم كيفية بناء تطبيقات AI حديثة باستخدام Server Actions في Next.js 15. استبدل API Routes التقليدية وتبسيط التعامل مع النماذج وقواعد البيانات في مشاريعك.
45 دقيقة6
درس 3
بناء تجارب مستخدم تفاعلية: عرض النص حرفاً بحرف باستخدام React Streaming وSuspense
تعلم كيفية تحسين تجربة المستخدم عبر عرض النص تدريجياً لتقليل وقت الانتظار. تطبيق عملي باستخدام React Suspense وتقنيات Streaming.
45 دقيقة3