Hydrogen

Hydrogen

การกำหนดราคา
ฟรี
เป็นที่นิยมในร้านค้าแบบคุณ
ในสหรัฐอเมริกา
การให้คะแนน
4.4 (8)
ผู้พัฒนา
Shopify

เร่งการพัฒนาด้วยเครื่องมือทั้งหมดที่คุณต้องใช้สำหรับหน้าร้านแบบ Headless ที่พร้อมใช้งานจริง

เร่งพัฒนาหน้าร้านของคุณด้วย Hydrogen ซึ่งเป็น Headless Commerce Stack บน React ของเรา โดยปัจจุบันทำงานอยู่บนเฟรมเวิร์กโอเพนซอร์ซ React Router ปรับแต่งประสิทธิภาพให้เหนือชั้นด้วยเทคโนโลยีล้ำสมัย เช่น Optimistic UI, Nested Routes และ Progressive Enhancement ยกระดับการทำงานด้วยเทมเพลตเริ่มต้น คอมโพเนนต์สำเร็จรูป Hook และยูทิลิตีต่างๆ ที่เชื่อมต่อกับ Shopify API ไว้แล้ว จากนั้นนำหน้าร้านแบบ Headless ของคุณไปติดตั้งใช้งานได้ฟรีบน Oxygen ซึ่งเป็นโซลูชันโฮสติ้งระดับโลกของเรา

เร่งพัฒนาหน้าร้านของคุณด้วย Hydrogen ซึ่งเป็น Headless Commerce Stack บน React ของเรา โดยปัจจุบันทำงานอยู่บนเฟรมเวิร์กโอเพนซอร์ซ React Router ปรับแต่งประสิทธิภาพให้เหนือชั้นด้วยเทคโนโลยีล้ำสมัย เช่น Optimistic UI, Nested Routes และ Progressive Enhancement ยกระดับการทำงานด้วยเทมเพลตเริ่มต้น คอมโพเนนต์สำเร็จรูป Hook และยูทิลิตีต่างๆ ที่เชื่อมต่อกับ Shopify API ไว้แล้ว จากนั้นนำหน้าร้านแบบ Headless ของคุณไปติดตั้งใช้งานได้ฟรีบน Oxygen ซึ่งเป็นโซลูชันโฮสติ้งระดับโลกของเรา เพิ่มเติม
  • ใช้คอมโพเนนต์คอมเมิร์ซที่เชื่อมโยงกับทรัพยากร Storefront API และ Customer Account API
  • สร้างสรรค์อย่างมีประสิทธิภาพด้วยการรองรับ In-IDE Linting, TypeScript และ IntelliSense
  • เรนเดอร์ที่ Edge เพื่อประสิทธิภาพที่รวดเร็วยิ่งขึ้น แคชที่ยืดหยุ่น และ SEO ในตัว
  • ผสานการทำงานกับแอพภายนอก สร้างด้วยเฟรมเวิร์ก React ใดก็ได้ และโฮสต์ได้ทุกที่
  • รองรับ Push-to-deploy ด้วย Oxygen ซึ่งเป็นเลเยอร์โฮสติ้งที่กระจายอยู่ทั่วโลกของ Shopify

มีข้อความที่แปลอัตโนมัติ

แสดงต้นฉบับ
เป็นที่นิยมในร้านค้าแบบคุณ
ในสหรัฐอเมริกา

ภาษา

ภาษาอังกฤษ, ภาษาจีน (ตัวย่อ), ภาษาจีน (ตัวเต็ม), ภาษาเดนมาร์ก, ภาษาดัตช์, ภาษาเช็ก, ภาษาฟินแลนด์, ภาษาฝรั่งเศส, ภาษาเยอรมัน, ภาษาอิตาลี, ภาษาญี่ปุ่น, ภาษาเกาหลี, นอร์เวย์, ภาษาโปแลนด์, ภาษาโปรตุเกส (บราซิล), ภาษาโปรตุเกส, ภาษาสเปน, ภาษาสวีเดน, ภาษาไทย, ภาษาตุรกีและ ภาษาเวียดนาม

ใช้ได้กับ

  • Algolia
  • Builder.io
  • Contentful
  • Klaviyo
  • Nosto
  • Sanity

รีวิว (8)

การให้คะแนนโดยรวม
4.4
จำนวนต่อระดับคะแนน
  • 88% ของการให้คะแนนคือ 5 ดาว
  • 0% ของการให้คะแนนคือ 4 ดาว
  • 0% ของการให้คะแนนคือ 3 ดาว
  • 0% ของการให้คะแนนคือ 2 ดาว
  • 13% ของการให้คะแนนคือ 1 ดาว
22 ธันวาคม 2025

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.

Zippex Bedding
ไอร์แลนด์
ประมาณ 2 เดือน ในการใช้แอป
22 ธันวาคม 2025

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.

Wooly Bedding
ไอร์แลนด์
3 วัน ในการใช้แอป
24 กรกฎาคม 2025

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.

Hesacore Grip
สหรัฐอเมริกา
มากกว่า 1 ปี ในการใช้แอป

ความช่วยเหลือ

ให้ความช่วยเหลือสำหรับแอปโดย Shopify

แหล่งข้อมูล

ผู้พัฒนารายนี้ไม่มีการช่วยเหลือโดยตรงเป็นภาษาภาษาไทย

ผู้พัฒนา

Shopify

151 O’Connor St, Ottawa, ON, ON, CA

เปิดตัวแล้ว

6 มิถุนายน 2022

สิทธิ์เข้าถึงข้อมูล

แอปนี้ต้องมีสิทธิ์เข้าถึงข้อมูลต่อไปนี้เพื่อดำเนินการในร้านค้าของคุณ ดูข้อมูลในนโยบายความเป็นส่วนตัว ของนักพัฒนา

ดูข้อมูลลูกค้า:

ข้อมูลที่ละเอียดอ่อน, ข้อมูลอุปกรณ์และกิจกรรม

  • ข้อมูลที่ละเอียดอ่อน

    ชื่อ, ที่อยู่อีเมล, หมายเลขโทรศัพท์, ที่อยู่จริง

  • ข้อมูลอุปกรณ์และกิจกรรม

    ตำแหน่งที่ตั้งทางภูมิศาสตร์, ที่อยู่ IP, เบราว์เซอร์และระบบปฏิบัติการ

ดูข้อมูลพนักงานและผู้มีส่วนร่วม:

เจ้าของร้าน, พนักงาน, ผู้ร่วมเขียนบล็อก

  • เจ้าของร้าน

    ชื่อ, ที่อยู่อีเมล, หมายเลขโทรศัพท์, ที่อยู่จริง

  • พนักงาน

    ชื่อ, ที่อยู่อีเมล, หมายเลขโทรศัพท์

  • ผู้ร่วมเขียนบล็อก

    ที่อยู่อีเมล, ที่อยู่ IP, เบราว์เซอร์และระบบปฏิบัติการ

ดูและแก้ไขข้อมูลร้านค้า:

ลูกค้า, สินค้า, คำสั่งซื้อ, บริษัท, บัญชีผู้ใช้ของพนักงาน, ร้านค้าออนไลน์, ข้อมูลแบบกำหนดเอง

  • แก้ไขข้อมูลลูกค้า

    ข้อมูลลูกค้า

  • ดูสินค้า

    รายการสินค้า, คอลเลกชัน

  • แก้ไขคำสั่งซื้อ

    คำสั่งซื้อที่ยังไม่ชำระเงิน, รายละเอียดคำสั่งซื้อ, สัญญาการสมัครใช้งาน, คำสั่งซื้อทั้งหมด

  • แก้ไขบริษัท

    บริษัท

  • ดูบัญชีผู้ใช้ของพนักงาน

    บัญชีผู้ใช้ของพนักงาน

  • แก้ไขร้านค้าออนไลน์

    หน้าต่างๆ ของร้านค้าออนไลน์, หน้าการชำระเงิน

  • ดูข้อมูลแบบกำหนดเอง

    เมตาอ็อบเจกต์

  • ดูข้อมูลอื่นๆ

    การตั้งค่า Shopify Markets, ตำแหน่งที่ตั้ง, ความพร้อมในการรับสินค้าที่ร้านและตำแหน่งที่ตั้ง, แท็กสินค้า, แผนการขาย

พบกับแอปที่น่าสนใจ

4.8 เต็ม 5 ดาว ทั้งหมด 9095 รีวิว ฟรี
เข้าถึงผู้ซื้อที่มีแนวโน้มจะซื้อสูงหลายล้านคนบน Shop
4.5 เต็ม 5 ดาว ทั้งหมด 769 รีวิว ฟรี
แชร์สินค้าที่เลือกและขายผ่านผู้ค้าปลีก
5.0 เต็ม 5 ดาว ทั้งหมด 4 รีวิว ติดตั้งฟรี
สร้าง จัดการ และทำให้ร้านค้าของคุณเติบโตได้จากบทสนทนาเดียว

ต้องการเพิ่มแอปใช่ไหม

ทดลองใช้งาน Shopify ฟรี 3 วัน