Nanobebe: From Liquid to Headless Shopify & Next.js for 117% Better Performance
Challenge
Background
Nanobébé is an innovative baby-products brand offering advanced feeding solutions—bottles, storage, accessories—designed to preserve human milk’s nutrients and support parents in nurturing infants. As the brand grew, it needed a more flexible, scalable commerce solution that matched its innovation and allowed seamless product launches.
Challenge & Goal
Nanobébé’s existing Shopify Liquid store became limiting in design, content flexibility, and ability to support new product lines (like the Aura baby monitor).
Background
Nanobébé is an innovative baby-products brand offering advanced feeding solutions—bottles, storage, accessories—designed to preserve human milk’s nutrients and support parents in nurturing infants. As the brand grew, it needed a more flexible, scalable commerce solution that matched its innovation and allowed seamless product launches.
Challenge & Goal
Nanobébé’s existing Shopify Liquid store became limiting in design, content flexibility, and ability to support new product lines (like the Aura baby monitor).
Solution
We rebuilt Nanobébé’s commerce site as a headless solution using Next.js, Storyblok CMS, and Shopify as backend.
The main goals were:
- Transition from Liquid to a headless architecture to unlock frontend control and agility
- Enable new products & features (pre-orders, subscriptions) with minimal friction
- Improve user experience with a modern, responsive, fast interface across all devices
We rebuilt Nanobébé’s commerce site as a headless solution using Next.js, Storyblok CMS, and Shopify as backend.
The main goals were:
- Transition from Liquid to a headless architecture to unlock frontend control and agility
- Enable new products & features (pre-orders, subscriptions) with minimal friction
- Improve user experience with a modern, responsive, fast interface across all devices
Results
- The new setup enabled dynamic content control, seamless pre-orders and subscription handling, and a smooth content update workflow for non-technical users.
- Performance improved notably: Total Blocking Time dropped by about 80%, and the GTmetrix performance score rose by ~117 %.
- The result is a future-proof platform that supports growth, richer customer experiences, and easier internal content management.
Read more: https://naturaily.com/portfolio/nanobebe
- The new setup enabled dynamic content control, seamless pre-orders and subscription handling, and a smooth content update workflow for non-technical users.
- Performance improved notably: Total Blocking Time dropped by about 80%, and the GTmetrix performance score rose by ~117 %.
- The result is a future-proof platform that supports growth, richer customer experiences, and easier internal content management.
Read more: https://naturaily.com/portfolio/nanobebe