Hydrogen
معرض الصور المميزة
سرّع عملية التطوير باستخدام جميع الأدوات التي تحتاجها لإنشاء واجهات متاجر غير نمطية جاهزة للإنتاج.
سرّع عملية بناء واجهة متجرك باستخدام Hydrogen، حزمة التجارة غير النمطية (headless commerce) المبنية على React الخاصة بنا، والمبنية الآن على إطار عمل React Router مفتوح المصدر. تم تحسينها لتقديم أفضل أداء بفضل تقنيات متقدمة مثل واجهة المستخدم المتفائلة (Optimistic UI)، والمسارات المتداخلة، والتحسين التدريجي. اكتشف مستويات جديدة من الإنتاجية بفضل قوالب البدء، والمكونات الجاهزة، والخطافات (hooks)، والأدوات المساعدة المرتبطة جميعها بواجهات برمجة تطبيقات Shopify. بعد ذلك، يمكنك نشر واجهة متجرك غير النمطية مجانًا على Oxygen، حل الاستضافة العالمي الخاص بنا.
- استخدم مكونات التجارة المرتبطة بموارد Storefront API وCustomer Account API
- ابنِ متجرك بكفاءة مع دعم فحص الأكواد داخل بيئة التطوير المتكاملة (IDE)، وTypeScript، وIntelliSense
- استخدم العرض على الحافة (Edge rendering) للحصول على أداء أسرع، وتخزين مؤقت مرن، وتحسين مضمّن لمحركات البحث (SEO)
- ادمج تطبيقات من جهات خارجية، وابنِ متجرك باستخدام أي إطار عمل React، واستضفه في أي مكان
- دعم ميزة الدفع والنشر (Push-to-deploy) مع Oxygen، طبقة الاستضافة الموزعة عالميًا من Shopify
يحتوي على نص مترجم آليًا
- شائع بين المتاجر المشابهة لمتجرك
- مقرّه في الولايات المتحدة
اللغات
الإنجليزية، الصينية المبسطة، الصينية التقليدية، الدانمركية، الهولندية، التشيكية، الفنلندية، الفرنسية، الألمانية، الإيطالية، اليابانية، الكورية، النرويجية، البولندية، البرتغالية البرازيلية، البرتغالية الأوروبية، الإسبانية، السويدية، التايلاندية، التركية، و الفيتنامية
هذا التطبيق غير مترجم إلى اللغة العربية
يعمل مع
- Algolia
- Builder.io
- Contentful
- Klaviyo
- Nosto
- Sanity
الفئات
المراجعات (9)
Shopify Hydrogen is perfect for our multi-brand monorepo. The framework's flexibility enabled our sophisticated architecture with brand-specific packages, shared components, and isolated routing policies while maintaining strict TypeScript safety. React Router 7 integration works seamlessly with our i18n system across 5 locales, and Oxygen's edge network delivers fast global performance. For complex, multi-tenant e-commerce projects, Hydrogen is exactly what we need.
Shopify Hydrogen es excepcional. El rendimiento con SSR y edge computing es impresionante, resultando en cargas súper rápidas. La experiencia de desarrollo con React, Remix y TypeScript es excelente, con componentes optimizados que ahorran mucho tiempo. La integración con la Storefront API de Shopify funciona perfectamente, y tienes control total sobre UI/UX, a diferencia de los temas tradicionales. La documentación es excelente y la comunidad está creciendo. Para quienes buscan crear experiencias de e-commerce modernas y diferenciadas, Hydrogen es la mejor opción. Lo recomiendo encarecidamente.
It's unbelievable how I'm unable to even create a storefront.
There's no support whatsoever, not even for Shopify Plus customers.
The shopifydevs Discord invite from the Hydrogen website doesn't even work.
FYI, the error displayed from the storefrontCreate API response states:
"The Hydrogen app is not installed."
This is also quite ironic since you have to install the app to even try to create a storefront.
From the Issues tab, this is probably the real issue:
"Some resources are blocked because their origin is not listed in your site's Content Security Policy (CSP). Your site's CSP is allowlist-based, so resources must be listed in the allowlist in order to be accessed.
A site's Content Security Policy is set either via an HTTP header (recommended), or via a meta HTML tag.
To fix this issue do one of the following:
(Recommended) If you're using an allowlist for 'script-src', consider switching from an allowlist CSP to a strict CSP, because strict CSPs are more robust against XSS . See how to set a strict CSP .
Or carefully check that all of the blocked resources are trustworthy; if they are, include their sources in the CSP of your site. Never add a source you don't trust to your site's CSP. If you don't trust the source, consider hosting resources on your own site instead.
1 directive
Resource Status Directive Source Location
https://hydrogen.shopifyapps.com/ blocked frame-ancestors (unknown)"
I understand that this is a new technology but I expect this bug to be solved as soon as possible since I can't even begin to code.
الدعم
يُقدَّم دعم التطبيق من خلال Shopify.
الموارد
المطور
تاريخ الإطلاق
6 يونيو 2022
الوصول إلى البيانات
يحتاج هذا التطبيق إلى الوصول للبيانات التالية ليعمل على متجرك. تعرّف على السبب في سياسة الخصوصية الخاصة بالمطور.
عرض بيانات العميل:
بيانات حساسة، بيانات الجهاز والنشاط
-
بيانات حساسة
الاسم، عنوان البريد الإلكتروني، رقم الهاتف، العنوان الفعلي
-
بيانات الجهاز والنشاط
الموقع الجغرافي، عنوان IP، المتصفح ونظام التشغيل
عرض بيانات الموظفين والمساهمين:
مالك المتجر، الموظفون، مساهمو المدونة
-
مالك المتجر
الاسم، عنوان البريد الإلكتروني، رقم الهاتف، العنوان الفعلي
-
الموظفون
الاسم، عنوان البريد الإلكتروني، رقم الهاتف
-
مساهمو المدونة
عنوان البريد الإلكتروني، عنوان IP، المتصفح ونظام التشغيل
عرض بيانات المتجر وتعديلها:
العملاء، المنتجات، الطلبات، الشركات، حسابات الموظفين، المتجر الإلكتروني، البيانات المخصصة
-
تعديل العملاء
بيانات العميل
-
عرض المنتجات
إدراجات المنتجات، المجموعات
-
تعديل الطلبات
مسودات الطلبات، تفاصيل الطلب، عقود الاشتراك، جميع الطلبات
-
تعديل الشركات
الشركات
-
عرض حسابات الموظفين
حسابات الموظفين
-
تعديل المتجر الإلكتروني
صفحات المتجر الإلكتروني، صفحة الدفع
-
عرض البيانات المخصصة
الكائنات التعريفية
-
عرض بيانات أخرى
إعدادات Shopify Markets، اللغات والمناطق، مواقع توفر استلام المنتجات من المتجر، إشارات المنتج، خطط البيع
مميز في
المزيد من التطبيقات المشابهة