متميز

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

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

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

كل شيء مشمول

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

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

$179
الشراء منفصلًا: $277وفّر $98
الدليل
أو اشترِ جزءًا واحدًا بدءًا من $79
  • الاستخدام في عدد غير محدود من المشاريع التجارية. يشمل العمل للعملاء.
  • دفعة واحدة، وتحديثات مجانية
  • فاتورة للشركات برقمك الضريبي

المشترون الأخيرون

تحديثات في الوقت الفعلي

t****u
عملية شراء موثقة
منذ 4 أيام
C*****n
عملية شراء موثقة
منذ 4 أسابيع

أهم الدول

بناءً على مواقع الشراء

Algeria
عمليات الشراء
50%
Brazil
عمليات الشراء
50%
  • الاستخدام في عدد غير محدود من المشاريع التجارية. يشمل العمل للعملاء.
  • دفعة واحدة، وتحديثات مجانية
  • فاتورة للشركات برقمك الضريبي

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

مشاركة:

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

عرض موقع الطلابعرض لوحة الإدارة والمدرب
Student website overview, light
Student website overview, light. The Learnio home page with course search and the catalog entry points
Student website overview, dark
Student website overview, 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

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

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

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

The AI assistant before a question, light
The AI assistant before a question, light. The admin assistant's empty state: the greeting, the model picker, the composer and suggested questions about the platform, enrollments, courses and classes
The AI assistant before a question, dark
The AI assistant before a question, dark. The assistant's empty state with the greeting, model picker, composer and suggested questions, dark theme

متصل عبر أدوات 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 مع رد خلال 4 ساعات.
هل يمكنني تجربته قبل الشراء؟
نعم. لهذا القالب عرض تجريبي كامل مرتبط أعلى هذه الصفحة، فتستطيع تصفح النسخة الحقيقية قبل أن تقرر.

الأسعار

اختر الباقة التي تناسبك

دفعة واحدة مقابل الشيفرة المصدرية كاملة، لك أن تعدّلها وتطلقها كما تشاء.

كل شيء مشمول

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

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

ما تتضمنه الباقة

عند الشراء منفصلًا$277
توفّر$98
$179

أو اشترِ جزءًا واحدًا

موقع الطلاب

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

$79

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

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

$99

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

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

$99

مدفوعات آمنة ومحمية عبر Paddle

يصلك إيصال ضريبة القيمة المضافة على بريدك الإلكتروني بعد الشراء.

قوالب ذات صلة

قالب مطعم Next.js مع الطلب عبر الإنترنت ولوحة تحكم للمطبخ - Next.js مطاعم template preview - Aniq-UI

مطعم

$179
مطاعم
الحزمة الكاملة
جديد
ذكاء اصطناعي

Food Studio قالب مطعم متكامل بـ Next.js: موقع للطلب مع القائمة والوجبات المجمّعة والسلة والدفع وتتبع الطلب، ولوحة تحكم للفريق لإدارة الطلبات والقائمة والمطابخ، وواجهة API بـ NestJS، وأدوات ذكاء اصطناعي لصور الأطباق، بالإنجليزية والعربية مع RTL.

عرض القالب
قالب موقع طلبات للمطاعم بـ Next.js - Next.js مطاعم template preview - Aniq-UI

موقع طلبات للمطاعم

$79
مطاعم
موقع الطلب
جديد
ذكاء اصطناعي

موقع طلبات للمطاعم مبني بـ Next.js 16 مع قائمة طعام ووجبات مجمّعة ومُنشئ وجبات وسلة ودفع وتتبع للطلبات وحسابات للعملاء، بالعربية والإنجليزية.

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

لوحة تحكم إدارية للمطاعم

$99
مطاعم
لوحة تحكم الفريق
جديد
ذكاء اصطناعي

لوحة تحكم إدارية للمطاعم مبنية بـ Next.js 16 لإدارة الطلبات والقائمة والفئات والعملاء والمطابخ والفريق، مع استوديو ذكاء اصطناعي لصور الأطباق، بالعربية والإنجليزية.

عرض القالب
المزايا التقنية

مصممة لكل شاشة ولكل مستخدم

كل قالب مميز متجاوب وسهل الوصول وسريع ومُعرّف الأنواع منذ أول سطر، لتبدأ إطلاقك من كود جاهز للإنتاج.

01 · التخطيط

تصميم متجاوب

تخطيطات للجوال والأجهزة اللوحية وسطح المكتب من مجموعة مكونات واحدة، مع قائمة للجوال وأهداف لمس بارتفاع 44px.

اعرف المزيد: تصميم متجاوب

02 · للجميع

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

HTML دلالي وعناصر تحكم مُسمّاة وإطار تركيز ظاهر عند التنقل بلوحة المفاتيح ودعم تقليل الحركة.

اعرف المزيد: إمكانية الوصول

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

تجربة المطور

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

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

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

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

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

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

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

الرئيسيةالقوالبالمدونة
Aniq-uiAniq-ui

تفضيلات ملفات تعريف الارتباط

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