Build Your Next Storefront with Gatsby Cloud
Today, we're excited to announce a new partnership with Shopify that makes it easier to build your next storefront with Gatsby Cloud.
![Jack Sellwood](/_gatsby/image/4873d66ca98c791fc231728365bbea19/14ac810810354b91e0634c8d3df80473/Jack-Sellwood-Headshot.jpg?eu=8d7a9874df4d16d87ddfa3f51618c9829ff8dfabb42e0cf8170bdf3a3d79789513ebd7134321125ac72aa63686eaf2d65fbda4df2ba77d03f98a8e70c86a89d581d10277531296de82dc35d42edce75bd17db6e43ca8237f1b86c95fc36e6a6b446c073ae5c4e4b5626d2cfbf4a0cbfbd4a7307d5530666b8d3e5e89c940c8992bed0d72946f0f2615fb2f3da260da7a6697c7378775782b128d6c9385ffd9e8df4a01ef91c18a78dcedb577320deb6aed0a1cc3a15bc96e5d5cc1d49da69d953132bfb74422527d7e4b9d33cc1d56c9ecf5&a=w%3D20%26h%3D20%26fm%3Djpg%26q%3D75&cd=4ff586b74ad3ee852313ced5d3872984)
Introducing The New Gatsby E-Commerce Experience
We’re excited to announce a new Gatsby/Shopify starter, and an upgraded integration that make building a custom, headless e-commerce experience with Gatsby easier than ever.
![Sam Bhagwat](/_gatsby/image/b319092bdf38a4032150a2d718c8689c/14ac810810354b91e0634c8d3df80473/prof-scaled-e1620275144644.jpg?eu=da29c727da4d4cde73d8a1f64a1acf86c4a5dff8e47c5cfe400e856b38777f9615bc861c132c1c5ac32ea7378ab8a68e5cbdfbdb79a57b57fc8fdc76ce388edfd5d601215b1491df8b8f618a2cd0b15d852db4e26ef4262c1f8acc01ce362b2f0d7a0574fb95b5f2246d63fdabf8dead8cb02d6843663c35de384fd3da5c9f9973fa41658863022014e1742dbc789b6c72818662de292c2a41d72ecc80e092a6c34714e69ad188689db7e8266449f169e90c1bd8a5438c545b&a=w%3D20%26h%3D20%26fm%3Djpg%26q%3D75&cd=3e83b95b0268136a48afd5218d2bf973)
Read More
Jaxxon: Gatsby + Shopify = Faster Growth
When men's jewelry brand Jaxxon relaunched from monolithic Shopify to Shopify + Gatsby, they doubled conversion rates and dropped bounce rates from 40% to 12% -- while increasing team agility.
![Sam Bhagwat](/_gatsby/image/b319092bdf38a4032150a2d718c8689c/14ac810810354b91e0634c8d3df80473/prof-scaled-e1620275144644.jpg?eu=df7d9f70db191a8f7cd9f1a1111ac982c5f48af9e37808fa450e8e676e752acb14e5d24e177d1501957df36487bba48d09b9f08b2da62d54fdda8871c86bd9df8287072c5647cf83df8b3f81288fb25f8a78b5e33cae732c1c80c809c567673f4a3f0f6ee493e1b132692ca9a0f09eadd4f73129033b683ac3225a8e831cddd165fe1f649e6e192b0ef0352ce26384687895c03e8b357e6a1ccd76ccdfec9be5c4411bfed0c0d561c3e0be65794cf46aec171dd9be1d944b5a12d99aafaf949d6b38e1e55b5a052b2f09c1688e070897e3e22d&a=w%3D20%26h%3D20%26fm%3Djpg%26q%3D75&cd=3e83b95b0268136a48afd5218d2bf973)
How StriVectin Improved Gatsby Page Performance By Streamlining Analytics Tracking Events
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.
![Garrett Dimon](/_gatsby/image/fd68102bb9c55b6474904175249756dd/14ac810810354b91e0634c8d3df80473/garrett-dimon.jpg?eu=dc719f718d4e4cdd27d9a7f4451fcb88ccf5d1a8e52a5ffa40028f6a6e757f9243e4d21347794756932fa630dbb9a68c0fbcf38b7bf17504af8d8870c8398a8cd1d102700446948f8e8a628a78d9be5bd72cb2b66ff47b7d14d6c75ccd6b6f3845305a63b597e3b667377caca2af9bab81f2352d0437683ac3225a8e831cddd165fe1f649e6e192b0ef0352ce26384687895c03e8b357e6a1ccd76ccdfec9be5c4411bfed0c0d561c3e0be65794cf46aec171ddfbe0a87564e5ade8de3a798942933feb9190f50&a=w%3D20%26h%3D20%26fm%3Djpg%26q%3D75&cd=39afab95cb19c5d08fa0075492804ae4)
Implementing Dynamic E-Commerce Features with Strivectin and Gatsby
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.
![Garrett Dimon](/_gatsby/image/fd68102bb9c55b6474904175249756dd/14ac810810354b91e0634c8d3df80473/garrett-dimon.jpg?eu=dd7eca20da4f4bda7684a7f24b499cd2cba4d8aee52d58fb4b0dd96c3e787ec614e886494b2f1453952fa33489bea4de0debf28e2dad7c52abdadb21c8318ed585d604205114c18d82db32832cd0b457872eb7b062a5366a5cc0c516db393e2f0e6b4638bb9ca0e3397b34e9b4f3c4af8baa6631506c3f7dc026079ed65d86d36afe4373976119241ee6746afc26c52226c186378f696f6005962cd89be29be59e4e05ef98&a=w%3D20%26h%3D20%26fm%3Djpg%26q%3D75&cd=39afab95cb19c5d08fa0075492804ae4)
Product Experience Management with Gatsby: Delivering A Rich E-Commerce Experience
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.
![Garrett Dimon](/_gatsby/image/fd68102bb9c55b6474904175249756dd/14ac810810354b91e0634c8d3df80473/garrett-dimon.jpg?eu=d879cd77d8484dda218dfcaf1719ce80cea1dbffb77c5baf440c8f6a6d7523cb1fefd01a162d1d50917ef3308fefa78b54b9fad82af12d05add0df23c93884d9d0d756765616c383d9dc3682258fe45e8228bbba2cb9326d169cd05e952a2c39046a5035a097baf279786afbaaf1c3a687ea60705e2c25229a354593cd569cc22bff1c6a886c123655a76b6afd3bc43e3995c8229c7e69715c8668d19de1dae1c04112&a=w%3D20%26h%3D20%26fm%3Djpg%26q%3D75&cd=39afab95cb19c5d08fa0075492804ae4)
How Elevar Used Storybook With Gatsby to Support a Modular Design Process
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.
![Garrett Dimon](/_gatsby/image/fd68102bb9c55b6474904175249756dd/14ac810810354b91e0634c8d3df80473/garrett-dimon.jpg?eu=8e7198748c444dda208fa4f2451f9b899ca6dff3b72a5efd44598d6f3e257ec211bc874c162a1655c478f03f8fb8a08a5fe8fa8e29a52d54ff8b867acb6cd9dad2dd01265541cdd2cece77c126c6a909d36df2b021ae2d7058d6914dda292f3e136e5635b1dcb7e93a206deee9f5c5a696a16d6b1c76223ed8374e8e9601c28435a55c35c86a173708f02f2ce1709d60799c873a9e7e7a&a=w%3D20%26h%3D20%26fm%3Djpg%26q%3D75&cd=39afab95cb19c5d08fa0075492804ae4)