Swym-Hydrogen Store

Swym-Hydrogen Store is an implementation of the Swym Wishlist with Hydrogen. Hydrogen is Shopify's React framework and SDK that we can use to build fast and dynamic Shopify custom storefronts.

In this implementation we are using the Swym Wishlist APIs and integrate it with the custom storefront of hydrogen while still using Shopify's backend support. We can use our Wishlist App for various functions including -

• Add Products to list
• Create Multiple list
• Delete product from list
• Share list via:
  • Email
  • Copy Link

To know more about Hydrogen you can check this doc

Check out our API Docs

Here's a demo store with Swym Wishlist already setup

Getting started

Requirements:

• Node.js version 16.14.0 or higher
• Yarn

Running the dev server

Then cd into the new directory and run:

npm install
npm run dev

Remember to update hydrogen.config.js with your shop's domain and Storefront API token!

Building for production

npm run build

Previewing a production build

To run a local preview of your Hydrogen app in an environment similar to Oxygen, build your Hydrogen app and then run npm run preview:

npm run build
npm run preview

Getting started with the swym wishlisht implementation on hydrogen

Here are some docs which will be helpful in the implementation

• Getting started with Hydrogen
• How to link your shopify account with hydrogen storefront
• Setting up swym wishlist code for the hydrogen store
• A brief overview of Wishlist code used for this implementation

Deployment

• We have deployed our demo hydrogen store using vercel