أفضل قوالب متجر إلكتروني بـ Next.js لعام 2026 (مجانية ومدفوعة)

هذه قائمة موجهة للمشترين بأفضل قوالب متجر إلكتروني بـ Next.js وقوالب البداية (starters) لعام 2026، كتبناها للمطورين ورواد الأعمال والوكالات الذين يحتاجون إلى اختيار نقطة الانطلاق لمتجر إلكتروني. تغطي القائمة قوالب البداية المجانية مفتوحة المصدر على GitHub، والقوالب المدفوعة من أسواق مثل ThemeForest وCodeCanyon، والمتاجر الكاملة التي تأتي مع لوحة إدارة وAPI خاصة بها.

القرار الأهم ليس التصميم، بل المكان الذي تُحفظ فيه منتجاتك وطلباتك ومدفوعاتك: على منصة مستضافة مثل Shopify أو BigCommerce، أو في محرك تجارة إلكترونية تشغّله بنفسك مثل Medusa أو Saleor أو Spree، أو في قالب كامل يأتي مع API خاصة به. يوضح عمود «الواجهة الخلفية للمتجر» في الجدول أدناه أين يقع كل خيار. حُدّثت القائمة في أكتوبر 2026، ومعظم الخيارات تعمل الآن على Next.js 16، أما التي لا تعمل عليه فقد أشرنا إليها.

القالب	الأنسب لـ	الواجهة الخلفية للمتجر	لوحة الإدارة	العربية/RTL	السعر
قالب المتجر الإلكتروني من Aniq UI	متجر كامل تملكه	API خاصة مبنية بـ NestJS مع Stripe (في حزمة Full Stack)	نعم، Next.js 16	الإنجليزية والعربية، RTL كامل	يبدأ من $79
لوحة تحكم المتجر الإلكتروني من Aniq UI	لوحة إدارة متجر مع أدوات ذكاء اصطناعي	API من Aniq UI مبنية بـ NestJS (API وهمية عند شرائها وحدها)	هذه هي لوحة الإدارة	الإنجليزية والعربية، RTL كامل	$99
Next.js Commerce	واجهة متجر مجانية لـ Shopify	Shopify (مستضاف)	لوحة إدارة Shopify	غير مذكور	مجاني، مع اشتراك Shopify
Medusa Next.js Starter	محرك مجاني مستضاف ذاتيًا	Medusa (استضافة ذاتية أو Medusa Cloud)	لوحة إدارة Medusa	غير مذكور	مجاني
Saleor Paper	متاجر متعددة الأسواق على GraphQL	Saleor (استضافة ذاتية أو Saleor Cloud)	Saleor Dashboard	7 لغات، ليس بينها العربية	مجاني (ترخيص FSL)
قالب المتجر الإلكتروني من Payload	المحتوى والتجارة في تطبيق واحد	Payload، داخل تطبيق Next.js نفسه	لوحة إدارة Payload	غير مذكور	مجاني (نسخة تجريبية)
Spree Storefront	البيع المباشر للمستهلك وB2B، وطرق دفع كثيرة	Spree (استضافة ذاتية)	لوحة إدارة Spree المبنية بـ React	روابط متعددة اللغات، RTL غير مذكور	مجاني
BigCommerce Catalyst	المتاجر على BigCommerce	BigCommerce (مستضاف)	متجرك على BigCommerce	غير مذكور	مجاني، مع اشتراك BigCommerce
Multikart مع Laravel REST API	سوق متعدد البائعين من Envato	API خاصة مبنية بـ Laravel (مضمّنة)	نعم، مع حسابات للبائعين	RTL وتعدد اللغات مذكوران	يبدأ من $99 (أكتوبر 2026)
Bazaar Pro	تصاميم متاجر بـ Material UI	API وهمية فقط	واجهة إدارة على بيانات وهمية	RTL مذكور	يبدأ من $49 (أكتوبر 2026)

أفضل قوالب متجر إلكتروني بـ Next.js في 2026

1. قالب المتجر الإلكتروني من Aniq UI

الأنسب لـ: رواد الأعمال والوكالات الذين يريدون متجرًا كاملًا يملكونه، مع واجهة المتجر ولوحة الإدارة والـ API في حزمة واحدة، وللمتاجر التي تبيع بالإنجليزية والعربية معًا.

قالب المتجر الإلكتروني بـ Next.js مع لوحة إدارة وAPI مبنية بـ NestJS هو متجر متكامل (full-stack) مبني على Next.js 16 وReact 19. يضم مستودع واحد (monorepo) ثلاثة تطبيقات: واجهة متجر لعلامة ملابس، ولوحة إدارة لتشغيل المتجر، وAPI مبنية بـ NestJS وTypeORM يتصل بها التطبيقان. تمر مدفوعات البطاقات عبر Stripe بمفاتيحك الخاصة. يمكن للمتسوقين الشراء كضيوف وتتبع الطلب برقمه وبريدهم الإلكتروني، أو إنشاء حساب مع عناوين محفوظة وسجل طلبات ومراجعات وقائمة أمنيات.

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

• كتالوج مع بحث وفلاتر وترتيب مرتبطة بالرابط، وصفحات منتجات مع معارض صور ومتغيرات للون والمقاس ومراجعات ومنتجات ذات صلة، وسلة وقائمة أمنيات تبقيان محفوظتين بين الجلسات
• شراء كضيف مع الدفع بالبطاقة عبر Stripe، وتأكيد الطلب وتتبع طلبات الضيوف، إلى جانب حسابات عملاء مع العناوين وسجل الطلبات
• لوحة إدارة للمنتجات والتصنيفات والطلبات والعملاء والموظفين وأقسام الصفحة الرئيسية، مع تحكم في الوصول حسب الأدوار وإشعارات فورية
• API مبنية بـ NestJS وTypeORM على MySQL أو SQLite، مع رموز JWT منفصلة للعملاء والموظفين، ورفع الملفات إلى أي تخزين متوافق مع S3، وأداة لتعبئة قاعدة البيانات ببيانات أولية بأمر واحد
• تتبع جاهز لست شبكات إعلانية (Google Tag Manager مع GA4، وMeta، وTikTok، وSnapchat، وPinterest)، يُفعَّل بلصق المعرّف في ملف .env

التقنيات: Next.js 16 App Router، React 19، TypeScript 5، Tailwind CSS 4، Motion، TanStack Query، Redux Toolkit، React Hook Form وZod، next-intl، NestJS، TypeORM، Socket.io، مع تثبيت كل الحزم على إصدارات محددة.

السعر: يبدأ من $79 لواجهة المتجر وحدها. لوحة الإدارة بسعر $99، وAPI الواجهة الخلفية بسعر $99، وحزمة Full Stack التي تضم الثلاثة بسعر $179. الدفع لمرة واحدة مع تحديثات مجانية، ويغطي الترخيص عددًا غير محدود من المشاريع التجارية بما فيها أعمال العملاء، كما أن القالب واحد من عشرة قوالب في حزمة قوالب Next.js من Aniq UI.

معلومة مهمة: عند شراء حزمتي واجهة المتجر ولوحة الإدارة منفصلتين، تعملان على API وهمية مدمجة. أما الطلبات والمدفوعات والذكاء الاصطناعي الحقيقية فتحتاج إلى الـ API المبنية بـ NestJS، المتوفرة في حزمة Backend API أو حزمة Full Stack. يعمل Stripe وميزات الذكاء الاصطناعي بمفاتيحك الخاصة، لذا يُحتسب استخدامها على حساباتك (ولاستوديو المنتجات حصص لكل حساب لضبط ذلك). متجر العرض التجريبي يبيع الملابس، لذا سيحتاج متجر للإلكترونيات أو البقالة إلى تعديلات أكبر في التصميم.

2. لوحة تحكم المتجر الإلكتروني من Aniq UI

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

قالب لوحة تحكم متجر إلكتروني بـ Next.js هو لوحة الإدارة الخلفية للمتجر السابق، وتُباع منفصلة. صفحة النظرة العامة شبكة بنمط bento تعرض الإيرادات ونمو العملاء والمبيعات وهدفًا شهريًا ومعدل التحويل. وتعرض قائمة المنتجات بطاقات للمنتجات النشطة والنافدة من المخزون والمميزة، وتُظهر قائمة الطلبات حالة الطلب وحالة الدفع مع حلقة تقدم لتجهيز الطلب في كل صف.

أدوات الذكاء الاصطناعي هي ما يميزها عن لوحات التحكم العامة. داخل محرر المنتجات، يولّد الاستوديو صور المنتجات من وصف نصي، ويزيل الخلفيات، ويكتب مسودة صفحة المنتج من صورة واحدة، ويحوّل الصورة إلى فيديو قصير. والمساعد محادثة تصل ردودها بالتدفق المباشر وتعمل على بيانات متجرك عبر سجل أدوات MCP، مع Anthropic وGoogle وOpenAI كمزودين. اطلب منه آخر 28 يومًا فيعرض جدول الطلبات ورسمًا بيانيًا للإيرادات اليومية والإجماليات. وأرسل في المحادثة صورة منتج وسعره فينشئ المنتج ويضعه تحت تصنيف.

• إدارة المنتجات والتصنيفات والطلبات والعملاء والموظفين وأقسام الصفحة الرئيسية من مكانها مباشرة
• أدوار وصلاحيات مع RBAC
• إشعارات فورية عبر WebSockets
• صفحات تحليلات مبنية بـ Recharts
• محرر منتجات بحقول بالإنجليزية والعربية، وحصص لكل حساب على التوليد بالذكاء الاصطناعي

التقنيات: Next.js 16 App Router، React 19، TypeScript 5، Tailwind CSS 4، TanStack Query، Redux Toolkit، React Hook Form وZod، next-intl، Recharts.

السعر: $99 للوحة الإدارة وحدها. والـ API المبنية بـ NestJS بسعر $99 إضافية، وحزمة Full Stack بسعر $179 تضم الاثنين مع واجهة المتجر، وهي أرخص من شراء لوحة الإدارة والـ API منفصلتين ($198).

معلومة مهمة: عند شرائها وحدها، تعمل على API وهمية مدمجة تكفي لاستكشافها وتعديل تصميمها. أما الطلبات الحقيقية وحسابات الموظفين وأدوات الذكاء الاصطناعي فتحتاج إلى الـ API المبنية بـ NestJS، ويعمل الذكاء الاصطناعي بمفاتيح المزود الخاصة بك. صُممت اللوحة لهذه الـ API، لا لـ Shopify أو Medusa أو أي محرك آخر، لذا فإن ربطها بواجهة خلفية مختلفة يعني استبدال استدعاءات الـ API فيها. وإن كنت تقارن قوالب لوحات تحكم عامة لا قوالب خاصة بالمتاجر، فراجع قائمتنا لأفضل قوالب لوحات التحكم بـ Next.js.

3. Next.js Commerce من Vercel

الأنسب لـ: تجار Shopify الذين يريدون واجهة متجر سريعة ومخصصة بـ Next.js مجانًا، ولا مانع لديهم من إبقاء المنتجات والمدفوعات وإتمام الشراء في Shopify.

Next.js Commerce هي واجهة المتجر مفتوحة المصدر من Vercel. يصفها ملف README بأنها «تطبيق تجارة إلكترونية عالي الأداء يُعرض من الخادم ومبني على App Router في Next.js»، وتستخدم React Server Components وServer Actions وSuspense وuseOptimistic. لا تصون Vercel إلا نسخة Shopify. يحتفظ Shopify بالكتالوج والسلة والطلبات، ويُرسل زر الدفع في السلة المتسوقَ إلى رابط إتمام الشراء الذي يعيده Shopify لتلك السلة.

• مجانية بترخيص MIT، مع نحو 14,300 نجمة على GitHub (أكتوبر 2026)
• App Router مع Server Components وServer Actions وتحديثات متفائلة للسلة
• نشر على Vercel بنقرة واحدة
• نسخ معدّلة (forks) لمنصات أخرى مذكورة في README، منها BigCommerce وMedusa وSaleor وShopware وSwell وWix
• تكامل مع بحث Orama والتحرير المرئي في React Bricks

التقنيات: Next.js 15 (إصدار canary في package.json)، React 19، TypeScript، Tailwind CSS 4، Headless UI.

السعر: مجاني. تبدأ اشتراكات Shopify من $29 شهريًا مع الدفع السنوي في الولايات المتحدة (أكتوبر 2026).

معلومة مهمة: ليست لها لوحة إدارة خاصة، لأنك تدير المتجر من Shopify. لا يزال ملف package.json يثبّت إصدار canary من Next.js 15، لذا خطط للترقية إن أردت Next.js 16. وعند مراجعة هذه القائمة، لم يكن رابط العرض التجريبي في README يعمل.

4. Medusa Next.js Starter Storefront

الأنسب لـ: المطورين الذين يريدون محرك تجارة إلكترونية مجانيًا مفتوح المصدر يستضيفونه بأنفسهم، مع واجهة متجر ولوحة إدارة جاهزتين من اليوم الأول.

Next.js Starter Storefront من Medusa هو واجهة المتجر الخاصة بـ Medusa، وهي منصة تجارة إلكترونية مفتوحة المصدر نواتها بترخيص MIT. منذ Medusa v2.14.0 يُثبَّت قالب البداية مع الواجهة الخلفية معًا: شغّل create-medusa-app مع الخيار --with-nextjs-starter لتحصل على monorepo فيه الـ API في apps/backend والمتجر في apps/storefront. أما المستودع القديم لقالب البداية المستقل فقد أُرشف.

الكود الحالي موجود في DTC Starter من Medusa، وتعمل لوحة إدارة Medusa مع الواجهة الخلفية.

• مجاني، بنواة مرخصة بـ MIT ونحو 36,800 نجمة على مستودع Medusa الرئيسي (أكتوبر 2026)
• دعم مناطق متعددة مع اكتشاف تلقائي للدولة
• كتالوج مع اختيار المتغيرات، وسلة مع أكواد الخصم
• إتمام شراء متعدد الخطوات يشمل الشحن والدفع، مع Stripe عبر وحدة Stripe في Medusa
• حسابات عملاء مع سجل الطلبات وإدارة العناوين

التقنيات: Next.js 15 (الإصدار 15.5 في واجهة متجر DTC Starter)، React 19، TypeScript، Tailwind CSS 3، Medusa 2، PostgreSQL 15 أو أحدث، Node.js 20 أو أحدث.

السعر: مجاني. تبدأ استضافة Medusa Cloud من $29 شهريًا (أكتوبر 2026).

معلومة مهمة: تشغّل بنفسك خادم Node.js وقاعدة بيانات PostgreSQL، أو تدفع مقابل Medusa Cloud. واجهة متجر DTC Starter لا تزال على Next.js 15. ولا يضع ملف README رابطًا لعرض تجريبي مباشر، لكن قالب البداية المستقل المؤرشف لا يزال له عرض تجريبي عام.

5. Saleor Paper Storefront

الأنسب لـ: المتاجر التي تبيع في عدة دول ولغات وعملات، وتبنيها فرق متمرسة في GraphQL.

Paper هو قالب واجهة المتجر من Saleor، ويصفه ملف README بأنه «قالب واجهة متجر بسيط وجاهز للإنتاج لـ Saleor». يعمل على Next.js 16 مع Server Components وCache Components. أما Saleor نفسه فهو API تجارة إلكترونية مفتوحة المصدر تعتمد على GraphQL فقط، بترخيص BSD-3-Clause، وتُدار من خلال تطبيق Saleor Dashboard المنفصل.

تحمل روابط المتجر اللغة والسوق معًا (مثل /en/us/)، فيخدم كود واحد عدة دول بأسعارها وعملاتها الخاصة. يحتاج Paper إلى Saleor 3.23 أو أحدث، سواء على حساب Saleor Cloud مجاني أو في تثبيت محلي عبر Docker.

• إتمام شراء متعدد الخطوات يعتمد على الرابط ومبني على server actions، مع صفحة تأكيد طلب للضيوف
• Stripe مدمج، ويذكر README أن إتمام الشراء يدعم تطبيقات الدفع في Saleor مثل Adyen
• سبع لغات مدمجة: الإنجليزية والبولندية والألمانية والفرنسية والفنلندية والنرويجية والكورية
• Cache Components مع إعادة تحقق تعمل عبر webhooks
• ملف AGENTS.md ومجلد skills مكتوبان لوكلاء البرمجة بالذكاء الاصطناعي

التقنيات: Next.js 16، React 19، TypeScript بالوضع الصارم، Tailwind CSS 3، GraphQL Codegen، Saleor 3.23 أو أحدث.

السعر: مجاني. تستخدم واجهة المتجر ترخيص FSL-1.1-ALv2، الذي يتحول بحسب README إلى Apache 2.0 بعد عامين. ونواة Saleor بترخيص BSD-3-Clause.

معلومة مهمة: اقرأ شروط FSL قبل البناء عليه، فهو ليس ترخيص MIT. العربية ليست من اللغات المدمجة. ويصف README قالب Paper بأنه إصدار جديد ويطلب منك «توقّع بعض النواقص».

6. قالب المتجر الإلكتروني من Payload

الأنسب لـ: الفرق التي تريد المتجر وصفحات المحتوى ولوحة الإدارة في تطبيق Next.js واحد، دون خادم تجارة منفصل.

قالب المتجر الإلكتروني من Payload مبني على Payload، الذي يصف نفسه بأنه «إطار عمل Next.js متكامل ومفتوح المصدر» ويُثبَّت داخل مجلد تطبيق Next.js الخاص بك. يقدم القالب واجهة خلفية ولوحة إدارة وواجهة متجر بـ Next.js في مشروع واحد، وتبدأه بالأمر create-payload-app مع خيار قالب ecommerce.

تُحفظ كل محاولة دفع كمعاملة، ولا يُنشأ الطلب إلا بعد اكتمال المعاملة. ولأن Payload نظام لإدارة المحتوى (CMS) أيضًا، يحصل جانب المحتوى في المتجر على لوحة الإدارة نفسها التي تُدار منها المنتجات.

• منتجات مع متغيرات وتسعير لكل عملة
• سلال للضيوف وللمستخدمين المسجلين، وشراء كضيف، وسجل طلبات، وعناوين محفوظة
• محوّل Stripe مُعدّ افتراضيًا
• منشئ تخطيطات، ومسودات ومعاينة مباشرة، وSEO، وبحث، ونشر مجدول
• Payload بترخيص MIT، مع نحو 45,300 نجمة على GitHub (أكتوبر 2026)

التقنيات: Next.js 16، React 19، TypeScript، Tailwind CSS 4، Payload، Stripe.

السعر: مجاني.

معلومة مهمة: القالب مصنف كنسخة تجريبية (beta)، وتحذر وثائق Payload من أن إضافة التجارة الإلكترونية «قد تتضمن تغييرات غير متوافقة في الإصدارات المقبلة». وتذكر الوثائق أيضًا أنها لا تدعم الشحن والضرائب والاشتراكات بشكل مدمج، لذا عليك بناؤها بنفسك. لا يوجد عرض تجريبي عام، لذا شغّله محليًا لتراه.

7. Spree Storefront

الأنسب لـ: المتاجر التي تحتاج إلى البيع المباشر للمستهلك والبيع بالجملة (B2B) من واجهة خلفية واحدة، مع طرق دفع كثيرة من اليوم الأول.

Spree Storefront هي، بحسب وصف README، «واجهة متجر headless جاهزة للإنتاج لـ Spree Commerce، مبنية بـ Next.js 16 وReact 19 وREST API الخاصة بـ Spree». أما Spree فهي منصة تجارة إلكترونية مفتوحة المصدر بترخيص BSD-3-Clause، تضم REST API وحزم SDK بلغة TypeScript ولوحة إدارة مبنية بـ React ولوحة لبائعي السوق. ويُعدّ الأمر create-spree-app الواجهة الخلفية ولوحة الإدارة، وهذه الواجهة اختياريًا، في مشروع واحد.

• إتمام شراء في صفحة واحدة للضيوف والعملاء المسجلين، مع شحنات متعددة وقسائم وبطاقات هدايا ورصيد متجر
• Stripe وPayPal وAdyen عبر جلسات الدفع، مع البطاقات وApple Pay وGoogle Pay وKlarna وAffirm وSEPA
• بوابة للبيع بالجملة مع تقييد الوصول إلى المتجر وأسعار لكل عميل والموافقة على الحسابات، تعمل من النسخة نفسها التي تخدم البيع المباشر
• تبديل الدولة والعملة واللغة في الرابط (مثل /us/en/)
• أحداث التجارة الإلكترونية في GA4، وGoogle Tag Manager، وSentry، ورسائل البريد الخاصة بالمعاملات
• يذكر README أن عرضه التجريبي حصل على 98 في أداء Lighthouse على الحاسوب و88 على الجوال

التقنيات: Next.js 16، React 19، TypeScript، Tailwind CSS 4، حزمة @spree/sdk الرسمية، Spree 5.4 أو أحدث.

السعر: مجاني. واجهة المتجر بترخيص MIT ونواة Spree بترخيص BSD-3-Clause.

معلومة مهمة: تشغّل الواجهة الخلفية لـ Spree بنفسك، مع صور Docker رسمية متوفرة. ويشير README إلى أن أحد الفروع يتبع API الإصدار 6.0 من Spree الذي لم يُطلق بعد وقد يتعطل، ويحدد الفرع الذي تنسخه (fork) لمتجر مستقر. العربية وRTL غير مذكورين.

8. BigCommerce Catalyst

الأنسب لـ: التجار الموجودين على BigCommerce أو المنتقلين إليها، الذين يريدون واجهة متجر بـ Next.js دون تشغيل واجهة خلفية للتجارة.

Catalyst هو «إطار التجارة الـ headless القابل للتركيب والتخصيص بالكامل لـ BigCommerce». وتصفه وثائق BigCommerce بأنه «تطبيق Next.js قياسي» يستخدم React Server Components وSuspense، ويعتمد على GraphQL Storefront API. تنشئ المشروع بالأمر pnpm create @bigcommerce/catalyst@latest ثم تربطه بمتجرك على BigCommerce.

• واجهة المتجر الرسمية من BigCommerce، بترخيص MIT، مع متجر عرض تجريبي عام
• بحث بالفلاتر في صفحات التصنيفات والعلامات التجارية، وبحث في النص الكامل، وصفحات منتجات، وسلة، وحسابات عملاء
• إتمام شراء في صفحة واحدة تستضيفه BigCommerce، وتقول الوثائق إنه يقلل التزاماتك المتعلقة بـ PCI لأن واجهة المتجر لا تتعامل مع بيانات البطاقات أبدًا
• نشر على Vercel أو أي استضافة أخرى لـ Next.js، أما استضافة BigCommerce الخاصة فما زالت في مرحلة تجريبية مغلقة

التقنيات: Next.js 16، React 19، TypeScript، Tailwind CSS 3، next-intl، Node.js 24، pnpm.

السعر: مجاني. تبدأ اشتراكات BigCommerce من $29 شهريًا مع الدفع السنوي في الولايات المتحدة (أكتوبر 2026)، والطلبات التي تمر عبر مزودي دفع من خارج القائمة المدمجة في BigCommerce عليها رسوم إضافية (2% في خطة Core).

معلومة مهمة: تحتاج إلى متجر على BigCommerce، ويتم إتمام الشراء على الصفحة المستضافة لدى BigCommerce لا داخل تطبيق Next.js الخاص بك.

9. Multikart مع Laravel REST API

الأنسب لـ: مشتري Envato الذين يريدون سوقًا متعدد البائعين يأتي مع واجهة خلفية خاصة به وعدة بوابات دفع.

Multikart مع Laravel REST API منتج على CodeCanyon من PixelStrap، يضم واجهة متجر بـ Next.js، ولوحة إدارة بـ Next.js يدخل إليها البائعون أيضًا، وREST API مبنية بـ Laravel. يعمل كمتجر واحد أو كسوق متعدد البائعين. وتذكر صفحة المنتج Mollie وPayPal وStripe وRazorpay كبوابات دفع، وتذكر دعم RTL وتعدد اللغات وتعدد العملات والوضع الداكن.

وتبيع PixelStrap أيضًا الواجهة الأمامية وحدها على ThemeForest باسم Multikart React Next JS، بسعر $29 للترخيص Regular، مع أكثر من 3,200 عملية بيع ولوحة إدارة بـ Next.js 16 بحسب صفحة المنتج (أكتوبر 2026). ولا تذكر تلك النسخة أي واجهة خلفية.

• واجهة متجر ولوحة إدارة وREST API مبنية بـ Laravel في عملية شراء واحدة
• متجر واحد أو سوق متعدد البائعين، مع حسابات للبائعين
• Mollie وPayPal وStripe وRazorpay
• RTL وتعدد اللغات وتعدد العملات
• وضع داكن وخيارات ألوان متعددة

التقنيات: Next.js 16.1 وReact 19.2 بحسب آخر سجل تغييرات، Laravel 12، PHP.

السعر: يبدأ من $99 للترخيص Regular، الذي يغطي منتجًا نهائيًا واحدًا لا يدفع مستخدموه مقابله. والترخيص Extended بسعر $999 (أكتوبر 2026).

معلومة مهمة: صفحة المنتج متناقضة في الإصدارات. يذكر سجل التغييرات Next.js 16 وLaravel 12، بينما لا يزال قسم المتطلبات يذكر Next.js 14 وLaravel 11، لذا تحقق من الحزمة الحالية. الواجهة الخلفية مكتوبة بـ PHP، فسيعمل فريقك بلغتي برمجة. يشمل الترخيص Regular دعمًا لمدة ستة أشهر، وصور العرض التجريبي غير مضمّنة في التنزيل.

10. Bazaar Pro

الأنسب لـ: الفرق التي تستخدم Material UI وتريد تصاميم متاجر جاهزة كثيرة وصفحات متعددة البائعين وواجهة إدارة، وستربطها بواجهتها الخلفية الخاصة.

Bazaar Pro من UI Lib يُباع على MUI Store كقالب متجر إلكتروني متعدد الأغراض بـ Next.js. تذكر صفحته Next.js 16 وReact 19 وMaterial UI v9، مع 18 تصميمًا مختلفًا للمتجر، وصفحات متعددة البائعين، ولوحة إدارة ولوحة للبائعين، ولوحة لحساب المستخدم، ودعم RTL. آخر إصدار على الصفحة هو 7.3.0 بتاريخ 20 أغسطس 2026.

تأتي البيانات من API وهمية، وتقولها الصفحة صراحة: «ليس له خادم حقيقي ولا قاعدة بيانات». هذا يجعل Bazaar مجموعة كبيرة من شاشات المتجر لا متجرًا يعمل فعلًا. عليك ربط المنتجات والطلبات وتسجيل الدخول والمدفوعات بواجهتك الخلفية أو بمحرك تجارة إلكترونية.

• 18 تصميمًا مختلفًا للمتجر
• لوحتا إدارة وبائعين مع صفحات للمنتجات والطلبات والعملاء والبائعين ومستحقات البائعين
• دعم RTL
• React Hook Form وApexCharts
• ملفات Figma في فئات الترخيص الأعلى

التقنيات: Next.js 16، React 19، Material UI v9، JavaScript، مع TypeScript في الفئات الأعلى.

السعر: يبدأ من $49 (أكتوبر 2026). الترخيص Standard بسعر $49 مع كود JavaScript فقط، وStandard Plus بسعر $99 ويضيف TypeScript وملفات Figma، وExtended بسعر $599 للمنتجات التي يدفع مستخدموها النهائيون.

معلومة مهمة: لا توجد واجهة خلفية ولا قاعدة بيانات ولا تكامل دفع جاهز. ولا تذكر صفحة المنتج دعم تعدد اللغات.

كيف تختار قالب متجر إلكتروني بـ Next.js

1. حدد أين ستكون الواجهة الخلفية لمتجرك

يحتاج كل متجر إلى مكان يحفظ فيه المنتجات والمخزون والسلال والطلبات والعملاء والمدفوعات. اختر هذا أولًا، لأنه يحدد القوالب التي تصلح أصلًا.

• منصة مستضافة (Shopify، BigCommerce). تحفظ المنصة كل شيء وغالبًا تتولى إتمام الشراء، وNext.js Commerce وCatalyst واجهات أمامية لها. لا تشغّل أي خادم تجارة، لكنك تدفع اشتراكًا شهريًا وربما رسوم دفع، ويتم إتمام الشراء على صفحة المنصة.
• محرك تجارة مستضاف ذاتيًا (Medusa، Saleor، Spree، Payload). واجهة خلفية مفتوحة المصدر تشغّلها على خادمك، أو على السحابة المدفوعة لدى الشركة المطورة. البيانات وإتمام الشراء ملكك، وتأتي هذه المحركات مع لوحات إدارة وأنظمة إضافات. في المقابل، تتولى تشغيل خادم وقاعدة بيانات وإجراء الترقيات. ويندرج Vendure هنا أيضًا: لديه قالب بداية رسمي لواجهة المتجر بـ Next.js 16 مع next-intl ودعم تعدد العملات وعرض تجريبي عام.
• قالب كامل مع API خاصة به (Aniq UI، Multikart مع Laravel). تأتي واجهة المتجر ولوحة الإدارة والواجهة الخلفية في كود واحد تشتريه وتملكه. لا رسوم منصة ولا محرك منفصل تتعلمه، والكود صغير بما يكفي لقراءته. المقابل أنك تتولى صيانته، وأن الميزات غير الموجودة في القالب عليك بناؤها.

قالب واجهة المتجر وحده (Bazaar Pro، ومنتجات ThemeForest التي تقتصر على الواجهة الأمامية) لا يندرج تحت أي من هذه الخيارات حتى تربطه بأحدها.

2. احسب التكلفة الكاملة لا سعر القالب فقط

عادة ما يكون القالب أصغر رقم في الميزانية. خطة Basic في Shopify بسعر $29 شهريًا مع الدفع السنوي أو $39 مع الدفع الشهري في الولايات المتحدة، والمتاجر التي تستخدم مزود دفع خارجيًا بدلًا من Shopify Payments تدفع رسوم معاملات إضافية بنسبة 2% في هذه الخطة (أكتوبر 2026). وخطة Core في BigCommerce أيضًا بسعر $29 شهريًا مع الدفع السنوي، مع رسوم 2% على الطلبات التي يعالجها مزودون من خارج قائمتها المدمجة. وتبدأ Medusa Cloud من $29 شهريًا. أما المحرك المستضاف ذاتيًا أو القالب الذي يأتي مع API خاصة به فتكلفته هي تكلفة الخادم وقاعدة البيانات. اجمع تكلفة سنة كاملة لكل خيار قبل أن تقرر.

3. تحقق من إتمام الشراء والمدفوعات قبل التصميم

اعرف أين يتم إتمام الشراء وما بوابات الدفع المدمجة مسبقًا. يرسل Next.js Commerce المتسوقين إلى صفحة إتمام الشراء في Shopify، ويحوّل Catalyst إلى صفحة إتمام الشراء المستضافة لدى BigCommerce. ويدعم Spree كلًا من Stripe وPayPal وAdyen مع المحافظ الرقمية وخيارات «اشترِ الآن وادفع لاحقًا». وتأتي Aniq UI وSaleor Paper وPayload مع Stripe، ويربط Medusa خدمة Stripe عبر وحدة، ويذكر Multikart كلًا من Mollie وPayPal وStripe وRazorpay. إن كان سوقك يعتمد على بوابة دفع محلية أو الدفع عند الاستلام، فتأكد من إمكانية إضافتها قبل الشراء. والشراء كضيف مهم أيضًا: تدعمه Aniq UI وSaleor Paper وPayload وSpree جميعها.

4. تأكد من أن هناك من يستطيع إدارة المتجر

يرى العملاء واجهة المتجر، لكن فريقك يقضي يومه في لوحة الإدارة. تستخدم المنصات المستضافة لوحاتها الخاصة، وتأتي المحركات مع لوحة إدارة (لوحة Medusa، وSaleor Dashboard، ولوحة Spree المبنية بـ React مع لوحة البائعين، ولوحة Payload). ومن بين القوالب، تضيف لوحة Aniq UI الأدوار والإشعارات الفورية ومساعدًا ذكيًا، ويضيف Multikart حسابات للبائعين، ويقدم Bazaar Pro شاشات إدارة تعمل على بيانات وهمية. أما Next.js Commerce وCatalyst فليست لهما لوحة إدارة خاصة. تحقق ممن سيضيف المنتجات ويعالج الطلبات ويدير الموظفين، وهل الأدوار والصلاحيات موجودة مسبقًا.

5. اللغات والعملات والتخطيط من اليمين إلى اليسار

في المتاجر الدولية، العمل على التوجيه (routing) هو الجزء المكلف. يضع Saleor Paper اللغة والسوق في كل رابط، مع أسعار وعملة لكل سوق. ويبدّل Spree الدولة والعملة واللغة عبر أجزاء الرابط. ويكتشف قالب البداية من Medusa الدولة ويدعم مناطق متعددة. ويأتي قالب البداية من Vendure بالإنجليزية والألمانية عبر next-intl، مع دعم تعدد العملات.

العربية أندر. من بين الخيارات هنا، قالب Aniq UI وحده يذكر الإنجليزية والعربية مع RTL كامل في واجهة المتجر ولوحة الإدارة معًا. ويذكر Multikart وBazaar Pro دعم RTL. أما مع البقية فخطط لإضافة العربية وعكس التخطيط بنفسك، واختبر إتمام الشراء والنماذج ولوحة الإدارة، لا الصفحة الرئيسية فقط.

6. إصدار Next.js والصيانة

معظم الخيارات النشطة تعمل على Next.js 16: Aniq UI وSaleor Paper وPayload وSpree وCatalyst وVendure وBazaar Pro، ويقول سجل تغييرات Multikart الشيء نفسه. لا يزال Next.js Commerce يثبّت إصدار canary من Next.js 15، وواجهة متجر DTC Starter من Medusa على Next.js 15.5. انظر أيضًا إلى تاريخ آخر تحديث. قالب البداية المستقل من Medusa مؤرشف، وفي نتائج بحث ThemeForest عن قوالب متاجر إلكترونية بـ React وNext.js تظهر عدة منتجات آخر تحديث لها في 2022 أو 2023 (أكتوبر 2026).

7. اقرأ الترخيص

Next.js Commerce وCatalyst ونواة Medusa وواجهة متجر Spree وPayload وقالب البداية من Vendure كلها بترخيص MIT. ونواتا Saleor وSpree بترخيص BSD-3-Clause. ويستخدم Saleor Paper ترخيص FSL-1.1-ALv2، الذي يتحول إلى Apache 2.0 بعد عامين. وتأتي منتجات Envato بترخيص Regular أو Extended، ويغطي Regular منتجًا نهائيًا واحدًا لا يدفع مستخدموه مقابله. وترخيص Standard في Bazaar Pro فيه الشرط نفسه بشأن المستخدمين النهائيين ويتضمن كود JavaScript فقط. أما ترخيص Aniq UI فيغطي عددًا غير محدود من المشاريع التجارية، بما فيها أعمال العملاء. إن كنت تبني متاجر لعملاء، فتحقق من عدد المنتجات النهائية التي يسمح بها كل ترخيص.

أخطاء شائعة عند اختيار قالب متجر إلكتروني بـ Next.js

شراء شاشات وتوقع متجر كامل

القالب الذي يعمل على API وهمية، أو الذي لا يذكر أي واجهة خلفية، يعطيك صفحات لا طلبات. قبل الشراء، ابحث في الوصف عن قاعدة بيانات حقيقية وسلة حقيقية وخطوة دفع حقيقية، وتحقق من الحزمة التي تتضمنها: فحزمتا واجهة المتجر ولوحة الإدارة في Aniq UI مثلًا تعملان على API وهمية حتى تضيف حزمة Backend API. وإن لم تكن الواجهة الخلفية موجودة، فأضف تكلفتها إلى خطتك.

البدء من قالب بداية مؤرشف

لا تزال نتائج البحث تشير إلى قالب البداية المستقل من Medusa لـ Next.js، وهو مؤرشف. تثبّت Medusa الآن واجهة المتجر عبر create-medusa-app. ويشير README الخاص بـ Spree أيضًا إلى فرع يتبع API لم تُطلق بعد. اقرأ بداية ملف README قبل نسخ المستودع.

نسيان رسوم الدفع في الخطط المستضافة

يضيف كل من Shopify وBigCommerce نسبة مئوية عند استخدام مزود دفع من خارج قائمتهما، فوق رسوم معالج البطاقات. وفي متجر كثير الطلبات، قد يكلف هذا البند أكثر من الخطة نفسها.

تأجيل لوحة الإدارة

واجهة متجر بلا لوحة إدارة تعني أن أحدًا سيعدّل المنتجات في قاعدة البيانات أو في جدول بيانات. إن كان الموظفون سيديرون المتجر، فاختر مجموعة تقنيات تكون فيها لوحة الإدارة والأدوار وسير عمل الطلبات موجودة مسبقًا.

التعامل مع العربية كملف ترجمة

دعم الكتابة من اليمين إلى اليسار عمل على التخطيط: تنقّل معكوس، وأيقونات تنقلب، ونماذج وتنسيقات أرقام تُقرأ بشكل صحيح، ولوحة إدارة تعمل بالطريقة نفسها. والمتجر الذي يكتفي بترجمة نصوصه سيبدو معطوبًا للمتسوقين الناطقين بالعربية.

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

ما أفضل قالب متجر إلكتروني مجاني بـ Next.js؟

لمتجر على Shopify، يُعد Next.js Commerce من Vercel أفضل خيار مجاني. ولمتجر تستضيفه بنفسك، ابدأ بقالب البداية من Medusa لـ Next.js، أو بـ Spree إن كنت تحتاج إلى B2B وطرق دفع كثيرة.

Saleor Paper خيار مجاني قوي للمتاجر التي تبيع في عدة أسواق، بترخيص FSL. وقالب Payload مجاني ويجمع المتجر ونظام إدارة المحتوى في تطبيق واحد، لكنه لا يزال نسخة تجريبية.

ما أفضل قالب متجر إلكتروني مدفوع بـ Next.js؟

إن كنت تريد واجهة متجر ولوحة إدارة وAPI تملكها، بالإنجليزية والعربية، فإن قالب المتجر الإلكتروني المتكامل من Aniq UI هو الخيار المدفوع الأكمل في هذه القائمة، ويبدأ من $79 لواجهة المتجر و$179 للحزمة الكاملة.

وعلى Envato، يناسب Multikart مع Laravel REST API الأسواق متعددة البائعين. ويناسب Bazaar Pro على MUI Store فرق Material UI التي ستستخدم واجهتها الخلفية الخاصة.

هل يوجد قالب متجر إلكتروني بـ Next.js مع لوحة إدارة؟

نعم. لوحة تحكم المتجر الإلكتروني من Aniq UI ولوحة إدارة Multikart وشاشات إدارة Bazaar Pro مبنية كلها بـ Next.js، كما تأتي Medusa وSaleor وSpree وPayload مع لوحات إدارة ضمن واجهاتها الخلفية. تحقق مما تتصل به كل لوحة: API حقيقية، أم بيانات وهمية حتى تربطها بواحدة.

هل أستخدم Shopify أم واجهة خلفية مستضافة ذاتيًا مع Next.js؟

استخدم Shopify (أو BigCommerce) إن كنت لا تريد تشغيل أي خادم تجارة وتقبل باشتراك شهري وبصفحة إتمام الشراء الخاصة بالمنصة. واستخدم محركًا مستضافًا ذاتيًا أو قالبًا مع API خاصة به إن كنت تريد امتلاك البيانات وإتمام الشراء والتحكم في التكاليف.

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

أين أجد قالب متجر إلكتروني بـ Next.js على GitHub؟

أهم المستودعات الرسمية هي vercel/commerce (Shopify)، medusajs/dtc-starter (Medusa)، saleor/storefront (Saleor Paper)، spree/storefront (Spree)، bigcommerce/catalyst (BigCommerce)، vendurehq/nextjs-starter-vendure (Vendure)، إضافة إلى مجلد ecommerce في payloadcms/payload.

كلها مجانية. تحقق من الترخيص وإصدار Next.js في package.json وآخر commit قبل نسخ المستودع.

هل تستحق قوالب المتاجر الإلكترونية بـ Next.js على ThemeForest وEnvato الشراء؟

قد تستحق، إن تحققت أولًا من ثلاثة أمور: تاريخ آخر تحديث، وإصدار Next.js، وهل تتضمن واجهة خلفية. كثير من المنتجات تقتصر على الواجهة الأمامية، وبعضها لم يُحدَّث منذ سنوات.

Multikart مثال على منتج يُصان جيدًا: الواجهة الأمامية وحدها بسعر $29 على ThemeForest، ونسخة CodeCanyon مع Laravel REST API بسعر $99 (أكتوبر 2026).

ما قوالب المتاجر الإلكترونية بـ Next.js التي تدعم العربية وRTL؟

يدعم قالب المتجر الإلكتروني من Aniq UI الإنجليزية والعربية مع RTL كامل في واجهة المتجر ولوحة الإدارة معًا. ويذكر Multikart وBazaar Pro دعم RTL.

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

كيف تعمل المدفوعات في قالب متجر إلكتروني بـ Next.js؟

إما أن تتولاها المنصة على صفحة إتمام الشراء الخاصة بها (Shopify، BigCommerce)، وإما أن تتصل الواجهة الخلفية بمزود دفع مثل Stripe وتتولى واجهة المتجر إتمام الشراء. وأيًا كان اختيارك، تأكد من أن مزود الدفع يعمل في الدول التي تبيع فيها.

الخلاصة

إن كان متجرك يعمل على Shopify أصلًا، فابدأ بـ Next.js Commerce. وإن كنت على BigCommerce، فاستخدم Catalyst. وإن أردت محركًا مفتوح المصدر تستضيفه بنفسك، فإن Medusa هو البداية الأبسط، ويناسب Spree البيع B2B وطرق الدفع الكثيرة، ويناسب Saleor المتاجر متعددة الأسواق، ويناسب Payload الفرق التي تريد نظام إدارة المحتوى والمتجر في تطبيق واحد.

وإن أردت كودًا واحدًا يضم واجهة متجر ولوحة إدارة وAPI خاصة به، مع الإنجليزية والعربية جاهزتين، فإن قالب المتجر الإلكتروني من Aniq UI هو الخيار الكامل، ويمكنك شراء واجهة المتجر أو لوحة الإدارة وحدها. ويغطي Multikart الأسواق متعددة البائعين على Envato، ويقدم Bazaar Pro لفرق Material UI مجموعة كبيرة من شاشات المتاجر لربطها بواجهتها الخلفية. يمكنك مقارنة كل قوالب المتاجر مع عروضها التجريبية المباشرة في صفحة قوالب متجر إلكتروني بـ Next.js على Aniq UI.

أدلة ذات صلة

• أفضل قوالب Next.js لعام 2026: مجانية ومدفوعة
• أفضل قوالب لوحة تحكم الإدارة حسب القطاع في 2026
• أفضل قوالب لوحة تحكم RTL تدعم اللغة العربية (2026)
• أفضل قوالب SaaS بـ Next.js وحزم البداية (starter kits) لعام 2026
• أفضل قوالب صفحات هبوط Next.js لعام 2026 (مجانية ومدفوعة)
• أفضل 10 قوالب Next.js لإدارة لوحات التحكم - 2026

المصادر

• Next.js Commerce على GitHub
• إجراء إتمام الشراء في سلة Next.js Commerce
• أسعار Shopify
• وثائق Next.js Starter Storefront من Medusa
• Medusa DTC Starter على GitHub
• Medusa على GitHub
• أسعار Medusa Cloud
• واجهة متجر Saleor Paper على GitHub
• Saleor على GitHub
• قالب المتجر الإلكتروني من Payload على GitHub
• وثائق إضافة التجارة الإلكترونية في Payload
• Payload على GitHub
• Spree Storefront على GitHub
• Spree Commerce على GitHub
• BigCommerce Catalyst على GitHub
• نظرة عامة على BigCommerce Catalyst في الوثائق
• أسعار BigCommerce
• وثائق قوالب البداية لواجهات متاجر Vendure
• قالب البداية من Vendure لـ Next.js على GitHub
• Multikart مع Laravel REST API على CodeCanyon
• Multikart React Next JS على ThemeForest
• بحث ThemeForest: قوالب متاجر إلكترونية React Next
• Bazaar Pro على MUI Store

تمت المراجعة في أكتوبر 2026.