Amputee striving to help other amputees by building @adaptable_org. Ruby. Rails. Stimulus. he/him
Third-party JS are often “death by a thousand cuts” for site performance. When building the StriVectin site, Elevar employed a number of creative solutions to mitigate this impact and still get solid performance.
With some creative engineering and carefully considered tradeoffs, Elevar figured out how to implement rich e-commerce functionality like search, wish lists, and account management on Strivectin's Gatsby + Shopify site.
When StriVectin was ready to upgrade their e-commerce experience, they used Gatsby's content mesh to quickly integrate Prismic with Shopify, using Prismic to store both additional product data and structured content.
When the Elevar team set out to migrate StriVectin from Magento to Shopify, they started with Storybook, a tool for developing UI components in isolation for React. Using Storybook with Gatsby enabled the team to delay decisions about hosting and content management, focusing on one decision at a time.
Strivectin had an incredibly popular e-commerce store for a variety of anti-aging skincare products. The challenge: it was powered by a seven-year-old codebase on a legacy platform. For the planned refresh, Strivectin's agency, Elevar, turned to Gatsby -- first to rapidly protoype a performant, scalable, secure future, and then to build the site itself.
A design system is more than a component library. IBM, Capital One, and Thumbtack have all used Gatsby to document not just their component libraries but the design system in which they're used. Teams valued the great content composability experience, ability to pull in data from third party systems, rich experience for internal users, and ability to solicit feedback from non-developers they got with Gatsby.
