متميز

قالب منصة تعليمية بـ Next.js مع ذكاء اصطناعي وفصول مباشرة

الحزمة الكاملة

الأكثر اختيارًا

موقع الطلاب + لوحة الإدارة والمدربين + واجهة NestJS مع TypeORM والمصادقة

‏١٧٩ US$
الشراء منفصلًا: ‏٢٧٧ US$وفّر ‏٩٨ US$

موقع الطلاب

موقع الطلاب بـ Next.js 16 وحده، مع كتالوج الدورات وصفحاتها وإتمام الشراء ولوحة المتعلم

‏٧٩ US$

لوحة الإدارة والمدربين

لوحة الإدارة بـ Next.js 16 وحدها، مع إدارة الدورات والأشخاص والتسجيلات ومساحة المدرب والمساعد الذكي

‏٩٩ US$

واجهة الخلفية API

واجهة NestJS وحدها، مع TypeORM ومصادقة JWT والتسجيلات والتقييمات والطلبات والويب هوك والبريد وباذر بأمر واحد

‏٩٩ US$

هل تبني لعملائك؟

رخصة الوكالات

  • كل ما في الحزمة الكاملة
  • مشاريع غير محدودة
  • دعم ذو أولوية عبر البريد (48 ساعة)
‏٥٩٩ US$
* فاتورة تجارية متاحة

ليرنيو قالب منصة تعليمية متكامل بـ Next.js مع واجهة خلفية NestJS ومساعد ذكاء اصطناعي وفصول مباشرة ودفع عبر Stripe واختبارات وشهادات ودعم كامل للعربية.

Three connected apps: student website, management dashboard, and NestJS APICourse delivery with messaging, quizzes, assignments, and certificatesAI admin assistant, live classes, English and Arabic, light and dark themes
شيفرة مصدرية كاملة
فاتورة متاحةبعد الشراء، يمكنك تنزيل فاتورة PDF وإدارة بيانات الفوترة (الرقم الضريبي، عنوان الشركة) في أي وقت عبر بوابة عملاء Paddle
قالب منصة تعليمية بـ Next.js مع ذكاء اصطناعي وفصول مباشرة - Next.js Education template preview - Aniq-UI
مشاركة:

يجمع ليرنيو بين اكتشاف الدورات والتدريس وتقدم الطلاب في منصة تعلم واحدة متكاملة: موقع طلاب بـ Next.js، ولوحة إدارة بـ Next.js، وواجهة برمجية بـ NestJS خلفهما. فصول مباشرة، ومساعد ذكاء اصطناعي للإدارة، ودفع عبر Stripe، واختبارات وواجبات وشهادات، بالإنجليزية والعربية مع وضعين فاتح وداكن.

عرض موقع الطلابعرض لوحة الإدارة والمدرب
Student website, light
Student website, light. The Learnio home page with course search and the catalog entry points
Student website, dark
Student website, dark. Course search and the catalog entry points on the home page, dark theme
Management dashboard, administrator overview, light
Management dashboard, administrator overview, light. The administrator's overview in the light theme: platform totals, enrollment activity, top categories and the AI assistant widget
Management dashboard, administrator overview, dark
Management dashboard, administrator overview, dark. The administrator's overview: totals for courses, students, revenue and enrollments, the enrollment activity chart, top categories and the AI assistant widget
افتح موقع الطلابافتح لوحة الإدارة
الحزمة

ابنِ منصتك التعليمية حول علامتك

أساس مترابط لأكاديمية إلكترونية أو بوابة تدريب أو منصة دورات، بشيفرة مصدرية تخصصها لمشروعك. تضم الحزمة المتكاملة ثلاثة تطبيقات.

موقع الطلاب بـ Next.js

  • كتالوج الدورات وصفحاتها
  • ملفات المدربين ومدونة
  • لوحة تعلم شخصية
  • إتمام الشراء للدورات المدفوعة

لوحة الإدارة بـ Next.js

  • أدوات إدارية للمنصة كلها
  • مساحة عمل للمدرب للدورات والطلاب ونشاط التدريس
  • بطاقات نظرة عامة ورسوم بيانية وسجلات قابلة للبحث

واجهة خلفية بـ NestJS

  • المصادقة والدورات والتسجيلات
  • تقدم التعلم والتقييمات والرسائل
  • الطلبات ورسائل البريد
المساعد الذكي

ضع مساعد ذكاء اصطناعي داخل عمل الإدارة

اطلب من مساعد الإدارة البحث عن معلومات المنصة أو إنشاء مسودات دورات أو تحديث السجلات المدعومة أو جدولة نشاط التدريس.

متصل عبر أدوات MCP

تربط أدوات MCP المحادثة بإجراءات الإدارة المدعومة، ومنها تحليلات مختارة تُعرض كرسوم بيانية.

  • يبحث عن الدورات والمدربين والتسجيلات عبر الواجهة البرمجية
  • ينشئ مسودة دورة من طلب واحد، مع العنوان والوصف بالعربية
  • يعمل مع Google Gemini أو OpenAI أو DeepSeek، بمفتاح API الخاص بك للمزود الذي تختاره
  • راجع المحتوى والتغييرات المولّدة بالذكاء الاصطناعي ضمن سير عملك
Create a course draft through the AI assistant, light
Create a course draft through the AI assistant, light. The admin assistant reading the catalog and creating a draft course through MCP tools, with the card that opens it
Create a course draft through the AI assistant, dark
Create a course draft through the AI assistant, dark. A course draft created by the assistant through MCP tools, with the card that opens it, dark theme
الدورات

حوّل محتوى دوراتك إلى تجربة تعلم

أنشئ الدورات، ورتّب الأقسام والدروس بالسحب والإفلات، وأدر مواد الدروس، وتحكم فيما هو مسوّدة وما هو منشور.

Curriculum builder, light
Curriculum builder, light. Sections and lessons ordered with drag and drop, with draft and published states and a curriculum overview
Curriculum builder, dark
Curriculum builder, dark. Drag-and-drop ordering of sections and lessons, with draft and published states, dark theme
Lesson player, light
Lesson player, light. A lesson playing with the course content beside it, progress, and the next lesson one click away
Lesson player, dark
Lesson player, dark. The lesson player with the course outline beside the video and the next lesson one click away, dark theme

تعلّم بوتيرتك

يشاهد الطلاب الدروس ويعودون إلى آخر درس فتحوه ويتابعون إكمالهم من لوحة التعلم.

  • دروس فيديو وقراءة واختبارات وواجبات
  • ملاحظات شخصية تُحفظ على كل درس
  • موارد قابلة للتنزيل بجانب الملاحظات
  • تقدم يُحسب درساً بدرس
Lesson notes and resources
Lesson notes and resources. A student's own notes saved on a lesson, with its downloadable resources on the tab beside them

صفحات دورة تشرح الدورة

  • ماذا ستتعلم ولمن هذه الدورة
  • المنهج والمدرب والتقييمات
  • السعر وعدد المسجلين وزر التسجيل
  • وأمامها كتالوج بالبحث والمرشحات
Course page
Course page. A course with what you will learn, who it is for, the syllabus, price and enroll action
الفصول المباشرة

فصول مباشرة على استضافتك الخاصة

قدّم الحصص المباشرة على خادم اجتماعات خاص بك، وينضم الطلاب والمدربون مباشرة داخل منصتك التعليمية. أبقِ تجربة التدريس تحت علامتك، مع تحكم كامل في بنية الاجتماعات لديك.

يتطلب خادم اجتماعات يُهيأ بشكل منفصل. تكاليف الاستضافة غير مشمولة.

Live class, instructor, light
Live class, instructor, light. An instructor hosting a live class inside Learnio on a self-hosted meeting server, with host controls
Live class, instructor, dark
Live class, instructor, dark. The instructor's view of a live class with host controls, dark theme

تقويم واحد للحصص والمواعيد

تجمع تقويمات الدورات الحصص المباشرة ومواعيد تسليم الواجبات في مكان واحد.

  • حصص مباشرة ومواعيد تسليم لكل دورة
  • نوافذ انضمام مجدولة حول كل حصة
  • يجدول المدربون الحصص من لوحة التحكم
Course calendar
Course calendar. Live sessions, assignment deadlines and finished lessons on one calendar

داخل الحصة

شاشات ما قبل الانضمام ونوافذ الانضمام المجدولة وأدوات المضيف تدعم سير عمل الحصة المباشرة.

  • شاشة ما قبل الانضمام قبل دخول الغرفة
  • أدوات مضيف للمدرب الذي يدير الحصة
  • مقعد الطالب في الغرفة نفسها
  • هيّئ خادم الاجتماعات لنشرك
Live class, student view
Live class, student view. A student's seat in the live class, joined from the course calendar
الرسائل

أبقِ الطلاب والمدربين على تواصل

امنح المتعلمين مكاناً مخصصاً لطرح أسئلتهم عن دوراتهم. تحتفظ المحادثات بسجلها المحفوظ وصورها المرفقة ومؤشرات غير المقروء.

Course conversation with an image attachment, light
Course conversation with an image attachment, light. A student to instructor thread with saved history and a picture in it
Course conversation with an image attachment, dark
Course conversation with an image attachment, dark. A course thread with saved history and an image attachment, dark theme

إشعارات تشير إلى شيء

تلفت الإشعارات الانتباه إلى ما تغير، وكل إشعار يفتح ما يخصه.

  • رسائل جديدة وتغييرات في الحصص
  • واجبات مصححة وشهادات صادرة
  • صندوق وارد للمدرب محصور في الدورات التي يدرّسها
Notifications
Notifications. New messages, session changes, marked assignments and issued certificates in one list
التقييم

قيّم التعلم وكافئ التقدم

اختبارات وواجبات وشهادات، من محرر الأسئلة إلى صفحة تحقق عامة.

اختبارات تُصحح على الخادم

ابنِ اختبارات الدورة بأسئلة وخيارات إجابة ودرجات نجاح وحدود للمحاولات.

  • يتلقى الطلاب نتائج مصححة على الخادم
  • يمكن أن تكون الاختبارات الإلزامية جزءاً من إكمال الدورة
  • حدود للمحاولات، أو محاولات غير محدودة للتدريب
Quiz editor
Quiz editor. An instructor building a quiz with questions, answer options, passing score and attempt limit
Quiz result, light
Quiz result, light. A completed quiz with its server-graded result
Quiz result, dark
Quiz result, dark. Server-graded quiz results with the pass mark and attempts, dark theme
Assignment grading, light
Assignment grading, light. Submissions for one assignment, one already marked with feedback and one being graded
Assignment grading, dark
Assignment grading, dark. The marking queue with grades and individual feedback, dark theme

درجات وملاحظات وشهادات

يراجع المدربون تسليمات الواجبات ويحفظون الدرجات ويتركون ملاحظات فردية. ويحصل الطلاب المؤهلون على شهادات الدورة.

  • أرقام شهادات وصفحات تحقق عامة
  • شارك الشهادة، أو اطبعها واحفظها PDF عبر المتصفح
  • الشهادات المكتسبة مجموعة في لوحة الطالب
Earned certificates
Earned certificates. A student's certificates, ready to share or print and save as PDF
Certificate verification, light
Certificate verification, light. The public page that verifies an issued certificate by its number
Certificate verification, dark
Certificate verification, dark. Public certificate verification by number, dark theme
إتمام الشراء

اربط الشراء بالتسجيل والبريد

يتضمن ليرنيو Stripe Checkout وإدارة الطلبات ومعالجة حالة الدفع المرتبطة بالتسجيل في الدورة. كما تُضمّن شيفرة تكامل PayPal.

Checkout, light
Checkout, light. The checkout sheet with card and PayPal on offer; payment finishes on the provider's own page
Checkout, dark
Checkout, dark. The checkout sheet with card and PayPal on offer, dark theme

مسجّل فور تسوية الدفع

يتبع التسجيل الدفع المسوّى، وتعكس صفحة التأكيد حالة الطلب الفعلية.

  • إيصالات الشراء وتأكيدات التسجيل عبر البريد
  • تكامل Resend لتأكيد البريد وإعادة تعيين كلمة المرور والإيصالات والتأكيدات
  • قوالب بريد بالإنجليزية والعربية
Checkout confirmation
Checkout confirmation. The page a settled purchase lands on, once the server confirms the order

الطلبات كاملة

  • كل طلب مع دورته وطريقة الدفع وحالته
  • معالجة الحالة مرتبطة بالتسجيل
  • سجلات طلبات قابلة للبحث للمشرفين
Order detail
Order detail. One order in the management dashboard with its payment method and status
دليل الدفع التجريبي

سجلات Stripe التجريبية وإيصال مستلم

مدفوعات تجريبية ناجحة، وويب هوك إتمام الشراء الذي قبلته الواجهة البرمجية، وإيصال شراء كما وصل بالبريد. هذه أدلة على دفع تجريبي، لا على عمليات حقيقية.

Successful test payments in Stripe
Successful test payments in Stripe. Stripe's sandbox transactions list with succeeded test payments; test mode, not live charges
Stripe checkout webhook received and order marked settled
Stripe checkout webhook received and order marked settled. The checkout.session.completed event accepted by the API with a 201 and the order reference marked settled; sandbox mode
Purchase receipt received by email
Purchase receipt received by email. The receipt email as it arrived in a test inbox after a sandbox payment
الأدوار

امنح كل دور الأدوات التي يحتاجها

يدير المشرفون المنصة. ويعمل المدربون على دوراتهم المسندة إليهم لا غير.

المشرفون

  • الدورات والطلاب والمدربون والتسجيلات
  • الطلبات والتقييمات ومحتوى المدونة
  • الموظفون والأدوار والإعدادات

المدربون

  • دوراتهم المسندة ومناهجها
  • الرسائل والاختبارات والحصص
  • تسليمات الطلاب للتصحيح

العمليات اليومية

  • بطاقات نظرة عامة ورسوم بيانية
  • سجلات قابلة للبحث
  • أدوار وصلاحيات
Enrollment management
Enrollment management. The enrollments table in the management dashboard
ثنائي اللغة

ابدأ بالإنجليزية والعربية والفاتح والداكن

واجهات بالإنجليزية والعربية مضمنة، مع تخطيط من اليمين إلى اليسار للعربية ووضعين فاتح وداكن عبر تجربتي الطلاب والإدارة.

Student dashboard in Arabic, light
Student dashboard in Arabic, light. The learner dashboard mirrored right to left
Student dashboard in Arabic, dark
Student dashboard in Arabic, dark. The learner dashboard in Arabic with a right-to-left layout, dark theme

من اليمين إلى اليسار، من طرف إلى طرف

خصص العلامة ووسّع الترجمات لجمهورك.

  • تخطيطات مكتوبة بخصائص منطقية، فتنعكس في العربية
  • رسائل next-intl مقسمة حسب الميزة واللغة
  • الأرقام والتواريخ والساعات تبقى من اليسار إلى اليمين داخل النص العربي
  • استخدم مفتاح فاتح / داكن فوق اللقطات لمقارنة كل واجهة بالوضعين
Student website in Arabic
Student website in Arabic. The home page in Arabic with a right-to-left layout
تحت الغطاء

ابنِ على أساس متكامل تعرفه

Next.js 16 و React 19 و TypeScript و Tailwind CSS 4 وواجهة خلفية NestJS معيارية.

الواجهة الأمامية

  • Next.js 16 App Router و React 19 و TypeScript
  • Tailwind CSS 4
  • TanStack Query للتعامل مع بيانات الواجهة البرمجية
  • React Hook Form و Zod للنماذج
  • next-intl للترجمة

الواجهة الخلفية

  • NestJS بوحدات حسب المجال
  • TypeORM مع SQLite للتطوير المحلي
  • دعم إعداد MySQL
  • رموز JWT منفصلة للطلاب والموظفين
  • بذور قاعدة البيانات ومحتوى نموذجي

تجربة المطور

  • وثائق إعداد للتطبيقات الثلاثة
  • إصدارات مثبتة بدقة
  • طبقة واجهة برمجية واحدة لكل واجهة، تُستهلك عبر خطافات الاستعلام
  • بيانات تجريبية تجعل الواجهة تعمل قبل تشغيل الخادم
قبل الإطلاق

ما تهيئه بنفسك

ليرنيو قالب شيفرة مصدرية، لا اشتراك استضافة مُدارة. هيّئ استضافتك وقاعدة بياناتك وتخزين الوسائط والخدمات الخارجية التي تختار استخدامها.

المدفوعات

  • حساباتك وبياناتك المؤهلة الخاصة في Stripe أو PayPal
  • إعداد الويب هوك
  • اختبار شامل قبل قبول مدفوعات حقيقية

البريد

  • إعداد Resend الخاص بك
  • نطاق إرسال موثق

الذكاء الاصطناعي والاجتماعات المرئية

  • مفتاح API الخاص بك لـ Google Gemini أو OpenAI أو DeepSeek
  • خادم اجتماعات تهيئه وتستضيفه بنفسك
  • تكاليف الاستضافة ورسوم المزودين غير مشمولة
استكشف

استكشف ليرنيو قبل أن تبني

تصفح موقع الطلاب ولوحة الإدارة في الوضعين الفاتح والداكن. صفحات تسجيل الدخول في العرض تملأ لك حساباً تجريبياً. تستخدم اللقطات بيانات نموذجية، ولقطات Stripe تعرض وضع الاختبار.

عرض موقع الطلابعرض لوحة الإدارة والمدرب
مناسب لـ

ابنِ منصتك التعليمية القادمة مع ليرنيو

صناع الدورات والمدربون عبر الإنترنتشركات التدريب والأكاديمياتالمعسكرات والمدارس التي تدير دفعات مباشرةالمدرسون والتدريب الفرديالوكالات التي تبني منصة تعليمية لعميلالمنصات ثنائية اللغة بالعربية و RTL

المواصفات التقنية

إطار العمل

Next.js 16

إصدار React

React 19

التنسيق

Tailwind CSS 4

TypeScript

نعم

متجاوب

جوال، جهاز لوحي، سطح المكتب

فترة الدعم

Lifetime مشمول

نصيحة احترافية: تتضمن جميع القوالب وثائق شاملة لمساعدتك على البدء بسرعة.

الأسئلة الشائعة

ماذا أحصل عند شراء هذا القالب؟
الكود المصدري الكامل للحزمة التي تختارها، يُحمَّل من لوحتك الشخصية مباشرة بعد الدفع. فاتورة رسمية متاحة لكل عملية شراء.
هل يمكنني استخدامه في مشاريع تجارية أو لعملائي؟
نعم. كل قالب مدفوع يأتي برخصة تجارية تغطي مشروعاً تجارياً واحداً، بما في ذلك العمل الذي تسلمه لعميل. ولإعادة استخدام القالب نفسه في عدة مشاريع، اختر رخصة الوكالات التي تغطي عدداً غير محدود من المشاريع.
هل أحصل على تحديثات بعد الشراء؟
نعم. التحديثات مجانية، والإصدارات الجديدة تظهر في لوحتك حيث يمكنك إعادة تحميل كل ملفاتك في أي وقت.
هل الدعم مشمول؟
نعم. الدعم مشمول مع الشراء، ويمكنك مراسلة الفريق في أي وقت على support@aniq-ui.com.
هل يمكنني تجربته قبل الشراء؟
نعم. لهذا القالب عرض تجريبي كامل مرتبط أعلى هذه الصفحة، فتستطيع تصفح النسخة الحقيقية قبل أن تقرر.

قوالب ذات صلة

قالب متجر إلكتروني بـ Next.js مع لوحة تحكم وواجهة برمجية - Next.js التجارة الإلكترونية template preview - Aniq-UI
التجارة الإلكترونية
متكامل
جديد
ذكاء اصطناعي

متجر إلكتروني

$179

قالب متجر إلكتروني بـ Next.js 16 مع واجهة متجر ولوحة تحكم وواجهة NestJS. شراء كزائر ومصادقة JWT وتجربة ملابس بالذكاء الاصطناعي، بالعربية والإنجليزية مع RTL.

عرض القالب
قالب لوحة تحكم بـ Next.js مع مساعد ذكاء اصطناعي (إصدار 2026) - Next.js لوحة تحكم template preview - Aniq-UI
لوحة تحكم
كامل
جديد
ذكاء اصطناعي

لوحة تحكم مع مساعد ذكاء اصطناعي

$149

لوحة تحكم إدارية متكاملة مبنية باستخدام Next.js 16 وTailwind CSS 4 و shadcn/ui و TanStack Query وFramer Motion. تشمل خلفية NestJS مع TypeORM ومصادقة JWT وصلاحيات الأدوار وتحديثات WebSocket ومساعد ذكاء اصطناعي ودعم متعدد اللغات.

عرض القالب
قالب لوحة تحكم بـ Next.js 2026: إصدار مالي ومصرفي - Next.js لوحة تحكم template preview - Aniq-UI
لوحة تحكم
مميز

لوحة تحكم مالية

$59

قالب لوحة تحكم مالية بـ Next.js 16 مع وضعين داكن وفاتح، الإنجليزية والعربية مع RTL، رسوم Recharts، ودجات بالسحب والإفلات ومصادقة JWT. عرض حي.

عرض القالب

Next.js Templates المزايا التقنية

تم تصميم Next.js Templates الخاصة بنا مع تحسين الأداء، وتكامل TypeScript، وبنية سهلة الاستخدام للمطورين لتسريع تطوير تطبيق الويب الخاص بك.

تصميم متجاوب

Next.js Templates متكيفة بالكامل مع نقاط توقف متجاوبة لتحسين العرض على الجوال والأجهزة اللوحية وسطح المكتب.

إمكانية الوصول

HTML دلالي وسمات ARIA وتنقل بلوحة المفاتيح، مبنية مع مراعاة إمكانية الوصول.

أداء عالي

مبني على App Router في Next.js مع مكونات الخادم وموارد محسّنة، لتبقى الصفحات سريعة مع نموها.

دعم تايب سكريبت

بنية App Router من Next.js مع مكونات الخادم لتقليل JavaScript في جانب العميل ومقاييس أسرع للوقت إلى التفاعلية.

ميزات المستوى المؤسسي المضمنة:

تجربة المطور

مجموعة أدوات تطوير على مستوى المؤسسات

  • TypeScript 5.0+ مع فحص صارم للأنواع
  • بنية مكونات الخادم والعميل
  • توثيق JSDoc شامل

تجربة المستخدم والأداء

مقاييس محسنة لتجربة المستخدم

  • نظام تصميم متجاوب يعطي الأولوية للهاتف المحمول
  • ترميز يراعي إمكانية الوصول مع ARIA والتنقل بلوحة المفاتيح
  • عرض سريع بفضل مكونات الخادم والموارد المحسّنة

الصيانة والدعم

استدامة المشروع على المدى الطويل

  • الدعم مشمول مع شرائك
  • تحديثات منتظمة للأمان وإطار العمل
  • بنية دلالية محسنة لمحركات البحث

تطبق جميع Next.js Templates أنماط React 19 الحديثة، وبنية App Router، وتحسين Web Vitals للأداء المناسب لمحركات البحث.

world map

مجتمع المستخدمين العالمي

انضم إلى آلاف المطورين في جميع أنحاء العالم الذين يثقون بـ Aniq-UI لمشاريعهم. يتم استخدام قوالبنا في جميع أنحاء العالم لإنشاء تجارب ويب مذهلة.

الرئيسيةالقوالبالمدونة

تواصل معنا

لديك سؤال عن قالب أو عن عملية الشراء؟ تواصل معنا

Aniq-uiAniq-uiAniq-ui