# Blooms & Beyond Shopify Rebuild

> A Jammu flower and gifting store got a cleaner, faster storefront that is easier to shop and trust. Under the hood, the rebuild moved Shopify Liquid to Hydrogen with stronger UX, SEO, cart, and delivery flows.

- URL: https://mandalsuraj.com/blog/blooms-and-beyond
- Author: Suraj Mandal (https://mandalsuraj.com)
- Published: 2026-05-25
- Project date: 2026-05-06
- Tags: shopify, hydrogen, commerce, seo, react, webdev, fullstack
- Live store: https://bloomsandbeyond.shop/
- Instagram: https://www.instagram.com/bloomsandbeyond.jammu/
- Facebook: https://www.facebook.com/profile.php?id=61584696810091

![Blooms & Beyond Shopify Rebuild cover](https://mandalsuraj.com/images/blog/blooms-and-beyond/cover.png)

Blooms & Beyond was a working Shopify shop. I rebuilt its Liquid storefront in **Hydrogen** while Shopify kept products, carts, checkout, customers, and store operations.

## Before And After

![Blooms & Beyond Hydrogen home page with gift categories and product rows](https://mandalsuraj.com/images/blog/blooms-and-beyond/mockup-home-hero.png)

### Homepage

The new home page leads with delivery, search, categories, occasions, a campaign, and bestsellers.

Move the divider to compare the Liquid theme and Hydrogen rebuild.

### Collection Browsing

Collections now keep category links, stock, price, sort, and layout controls near the product grid.

### Product Page

The product page puts the gallery, price, variants, gift note, quantity, delivery help, cart, FAQs, and recommendations in one order.

### Mobile Shopping

Mobile keeps the menu, cart, location, search, categories, products, and support actions within reach.

## Commerce Architecture

| Layer | Work |
|---|---|
| Shopify | Keeps products, collections, customers, carts, checkout, and admin data. |
| Hydrogen | Owns routes, loaders, product UI, cart actions, search, and customer pages. |
| Storefront API | Supplies typed catalog and content data to each route. |
| Oxygen | Runs the production storefront and its release workflow. |

The quick cart supports add, update, and remove actions. Product choices stay in the URL. Gift notes use cart line values, and order notes stay editable in the cart.

## Delivery And Support

Eligible orders show same-day Jammu delivery. The cart states the 15 km delivery area and builds a cart-aware WhatsApp quote for longer routes.

WhatsApp also supports urgent timing, detailed personalization, address questions, and product changes before checkout.

## SEO And Release Checks

The shared SEO helper creates titles, descriptions, canonical URLs, social metadata, and route rules. Product, organization, search, and florist JSON-LD describe key pages.

Sitemap routes cover products, pages, collections, blogs, and articles. Account pages use `noindex` and `no-store` rules.

The release workflow installs dependencies, runs lint, tests, type checks, builds the Hydrogen app, and deploys to Oxygen.