Hydrogen
แกลเลอรีรูปภาพที่แสดง
Accelerate development with all the tooling you need for production-ready headless storefronts.
Fast-track your storefront build with Hydrogen, our React-based headless commerce stack—now built on the open-source React Router framework. Optimized for performance with advancements like Optimistic UI, nested routes, and progressive enhancement. Unlock new levels of productivity with starter templates, pre-built components, hooks, and utilities all mapped to Shopify APIs. Then deploy your headless storefront at no cost on Oxygen, our global hosting solution.
- Use commerce components that map to Storefront & Customer Account API resources
- Build efficiently with in-IDE linting, TypeScript, and IntelliSense support
- Render at the edge for faster performance, flexible caching, and built-in SEO
- Integrate third-party apps, build with any React framework, and host anywhere
- Push-to-deploy support with Oxygen, Shopify’s globally distributed hosting layer
- เป็นที่นิยมในร้านค้าแบบคุณ
- ในสหรัฐอเมริกา
ภาษา
ภาษาอังกฤษ, ภาษาจีน (ตัวย่อ), ภาษาจีน (ตัวเต็ม), ภาษาเดนมาร์ก, ภาษาดัตช์, ภาษาเช็ก, ภาษาฟินแลนด์, ภาษาฝรั่งเศส, ภาษาเยอรมัน, ภาษาอิตาลี, ภาษาญี่ปุ่น, ภาษาเกาหลี, นอร์เวย์, ภาษาโปแลนด์, ภาษาโปรตุเกส (บราซิล), ภาษาโปรตุเกส, ภาษาสเปน, ภาษาสวีเดน, ภาษาไทย, ภาษาตุรกีและ ภาษาเวียดนาม
ใช้ได้กับ
- 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, ตำแหน่งที่ตั้ง, ความพร้อมในการรับสินค้าที่ร้านและตำแหน่งที่ตั้ง, แท็กสินค้า, แผนการขาย
แนะนำ
พบกับแอปที่น่าสนใจ