Shopify مقابل Next.js.
متجر Shopify يعمل بقوالبه الخاصة في مواجهة واجهة متجر مخصصة مبنية بـ Next.js، ويمكنها مع ذلك الاستمرار في استخدام Shopify للمنتجات وسلة التسوق والدفع.
Shopify
Next.jsحسب الميزة ميزة.
التكلفة & الرسوم
| الميزة | Shopify | Next.js |
|---|---|---|
| خطة Shopify | كلاهما من $19 شهريًا، تُدفع سنويًا | |
| الاستضافة | مشمولة | Oxygen دون رسوم إضافية، أو Vercel |
| بناء المتجر | 24 قالبًا مجانيًا، و1,350 مدفوعًا | بناء بواسطة مطوّر، وتقول Shopify إنه أغلى |
| رسوم البطاقات (الولايات المتحدة، عبر الإنترنت) | كلاهما 2.9% + 30¢ في خطة Basic | |
الدفع & الطلبات
| الميزة | Shopify | Next.js |
|---|---|---|
| الدفع | كلاهما Shopify Checkout | |
| تغييرات صفحة الدفع | كلاهما محدودة دون Plus، وكاملة في Plus | |
| المنتجات والطلبات | كلاهما تُدار من لوحة تحكم Shopify | |
البناء & التحكم
| الميزة | Shopify | Next.js |
|---|---|---|
| طريقة البناء | القوالب ومحرر القوالب | كود React مع Next.js |
| بيانات واجهة المتجر | قوالب Liquid | Storefront API (GraphQL) |
| كود البداية | قوالب مجانية ومدفوعة | Vercel Shop، مبني على Hydrogen |
| واجهات المتجر لكل متجر | قالب المتجر الإلكتروني | واجهة متجر منفصلة واحدة دون Plus، و25 في Plus |
| مطلوب مطوّر | ليس للبدء | نعم، للبناء والصيانة |
الخطط & التسعير.
| الخطة | Shopify | Next.js |
|---|---|---|
| أساسي | $19 شهريًا تُدفع سنويًا، و$27 شهريًا | الخطة نفسها، مع البناء |
| انمُ | $54 شهريًا تُدفع سنويًا، و$72 شهريًا | الخطة نفسها، مع البناء |
| Advanced | $299 شهريًا تُدفع سنويًا، و$399 شهريًا | الخطة نفسها، مع البناء |
| Plus | من $2,300 شهريًا | من $2,300 شهريًا، و25 واجهة متجر منفصلة |
| الاستضافة | مشمولة | Oxygen مشمولة، أو Vercel Pro بـ $20 شهريًا |
| رسوم البطاقات (الولايات المتحدة، عبر الإنترنت) | Basic 2.9% وGrow 2.7% وAdvanced 2.5%، لكلٍّ منها + 30¢ | الرسوم نفسها، عبر Shopify Checkout |
بالدولار الأمريكي حتى نوفمبر 2026، من shopify.com/pricing ودليل Shopify لرسوم البطاقات وvercel.com/pricing. تحتاج واجهة متجر Next.js إلى خطة Shopify عندما تتولى Shopify المنتجات والدفع.
أرقامنا الخلاصة.
اختر متجر قوالب Shopify لمعظم المتاجر: الاستضافة وصفحة الدفع وآلاف التطبيقات جاهزة من اليوم الأول، وتقول Shopify نفسها إن واجهة المتجر المنفصلة أغلى في البناء والتشغيل. واختر واجهة متجر Next.js عندما تتجاوز تجربة التسوق ما تسمح به القوالب، ولديك مطورون للعناية بها؛ ويمكن لـ Shopify أن تستمر في تشغيل المنتجات وسلة التسوق والدفع خلفها.
تبدأ Shopify من $19 شهريًا تُدفع سنويًا، مع الاستضافة وصفحة الدفع وأكثر من 16,000 تطبيق. في خطط Basic وGrow وAdvanced يمكنك تخصيص صفحة الدفع جزئيًا فقط؛ أما التخصيص الكامل لصفحة الدفع فميزة في Plus.
تقرأ واجهة متجر Next.js منتجاتك عبر Storefront API الخاصة بـ Shopify، وتنقل المتسوقين إلى Shopify Checkout، فتبقى مدفوعاتك وطلباتك داخل Shopify. ومنذ أكتوبر 2026، أصبح Hydrogen، أداة Shopify لبناء الواجهات المنفصلة، مكتبة تعمل داخل Next.js، وVercel Shop قالب بداية لـ Next.js 16 مبني عليها.
أخرى المقارنات.
Astro مقابل Next.js
قارن بين Astro وNext.js في مواقع التسويق والمحتوى وتحسين محركات البحث والاستضافة وميزات التطبيقات.
شاهد Astro مقابل Next.jsWebflow مقابل Next.js
قارن بين Webflow وNext.js في التحرير وتحسين محركات البحث والاستضافة والتكلفة وملكية الكود.
قارن مع Next.jsNext.js مقابل WordPress
قارن بين Next.js وWordPress في التحرير والإضافات والأمان والاستضافة والتكلفة.
شاهد Next.js مقابل WordPressNext.js مقابل Remix
قارن بين Next.js وRemix، الذي أصبح الآن React Router، في العرض والبيانات والاستضافة والدعم.
شاهد Next.js مقابل Remix
Astro
Webflow
WordPress،
Remixالأسئلة الشائعة
أسئلة،
مُجابة.
لا. يمكن أن يعمل متجر Next.js على منصة تجارة إلكترونية أخرى، أو أن يستقبل المدفوعات مباشرة عبر مزود مثل Stripe، بنسبة 2.9% + 30¢ لكل عملية دفع بالبطاقة في الولايات المتحدة. وعند الربط مع Shopify، تتولى Storefront API توفير المنتجات وسلة التسوق، وتتولى Shopify Checkout استلام الدفع.
أداة Shopify لبناء الواجهات المنفصلة (Headless). ومنذ أكتوبر 2026 أصبحت مكتبة تضيف أجزاء التجارة إلى أطر عمل مثل Next.js وReact Router وNuxt وAstro وSvelteKit. وقبل ذلك كانت إطار عمل مبنيًا على React Router.
لبعض المتاجر فقط. تقول Shopify إن واجهة المتجر المنفصلة تكلّف أكثر في البناء والتشغيل من القالب، وتناسب التجار الذين لديهم احتياجات محددة للتحكم ومطورين يتولون صيانتها بعد الإطلاق. ويشير دليلها للمؤسسات إلى ميزانيات تبدأ من $1 million أو أكثر، وجداول زمنية تمتد ستة أشهر أو أكثر.
جزئيًا في كل خطة ابتداءً من Basic: محرر صفحة الدفع، وتطبيقات لصفحتي شكر الشراء وحالة الطلب. أما التغييرات على خطوات المعلومات والشحن والدفع فتحتاج إلى Shopify Plus.
تقول Shopify إن Oxygen متاحة دون رسوم إضافية في خطط Shopify المدفوعة، ضمن حدود التشغيل والاستخدام. ويمكن أن تعمل واجهة متجر Next.js أيضًا على Vercel أو مستضيف آخر.
أرشفت Vercel قالب Next.js Commerce في أكتوبر 2026. وحلّ محله Vercel Shop، وهو واجهة متجر Shopify مبنية على Next.js 16 باستخدام Hydrogen.
