Why use Shopify Hydrogen?
Shopify created a React framework #Hydrogen that is quite the same as React.js with Shopify storefront APIs.
#Hydrogen features:-
0. It will give an SSR react app without having any configuration as we normally need to do in react apps.
1. You can create a more customisable frontend with the power of #shopify as a backend using Shopify’s #graphql API.
2. Less time for setup, developer-friendly and more power to frontend developers.
3. Many inbuilt E-commerce hooks and components can help to build E-commerce applications very fast.
4. Has page structure for routers (like Nuxt.js) so don’t need any tool like React-router.
5. SEO friendly, Web vitals friendly. So good for e-commerce.
*It is only for Shopify for now*
I’m still exploring it more as it’s a developer preview only and also waiting for #Oxygen.
You can check more at https://hydrogen.shopify.dev/
https://www.youtube.com/watch?v=mAsM9c2sGjA&ab_channel=Fireship
I think it is just a start to a more SSR React-based framework. So in future, we can expect more js frameworks for specific problems/Domains like Shopify and WordPress.
Next.js has a lot of power for SSR so we can also expect some framework with Next.js and E-commerce products as a backend.
Please comment below if you found any interesting things about #Hydrogen. I’m also planning to build a project on it to know more about it. If you are interested, please Dm or comment.
It’s better to build any new application on hydrogen but it’ll be a big step for stable E-commerce companies to shift on hydrogen easily because with the Vue instance/Preact we can achieve almost the same features(also mentioned by Shopify founder). But in future, the Shopify team will add more features to it.
#react #frontend #shopify #components #seo #commerce #project #Javascript
