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=5390dbaf81d7028e4f11888732ef7d57026149a11bfe16c6fadb995b7c31e7429e2d48b078ddc1602ca1ec2170a98f3d6096b1394a05de10c964de758249c82cdc37cfd1428bd38e016cde3a9f25d24d70e7f5acff2be2645f1c9f848b76d220853d9859820b30d09db81145c692b3e662fa788bb071d33f1896a1e34b8173ceb694f77b579270d6474f3adc998a4b4e62ffc540acba6f8aedb23d748f8c8cd5cc0e0d8dd9ae3246de85d469840faa7e6def21a1f77b0be3aa22a331e142c44570961a5c1211&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=0392daa781d50bd54b46818f68e12e05076348a64faa40c4af8acc0a7a38b3479c7018b4798c93657fa1ef712aa389396dc5b4331c52d814cc63df26d14acc2dd961c1d44c8fd48908658a30c821d01425e0affdf57db46c5b4b98808f77d72c8169ce5a855b308ec6ef1b1b888eb7e128a66dc3fe62c1291297b7ee508a69dff697a969499077df4b0f3c9d97ca511138ec874db7b1759bacb3626d908187c7874f128dd8b3335cc1c3894c8341b2305fe628a9ad7155b1b55af467b000981e328c44021d0654&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=56c3d0fad38706df1817dcd43fba7f0c5c311ca646a811c0fd8dca5f7539b1179c7611e52cdfc46020a4ed7726a18d346ec5e76f1a0edb13cf638225834ac829de3bcfd211d881890e3c8c609f71834721e2faa1aa2db46d084b9e858a2d862d8169c300951c78c5c5f20e149d8eb4f06bea2dcaeb73dc3f4583a8e54a886ec5bdceba634ad869c10342309c8e8048153afa984facb57f9cacf42233cecfd381870d50d08fb1700a8fdf9e47c809f0650cba7ffab52550b3b15ef27eef41cb&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=53c5d1fdd18300881f12de806ee97b57573719a046ad16c6fbd89b5b7a32ec44c8701cb02c80c7307af1bf7126a288346ec4b26c1f05d3469936d976d14dcb2ad833c1d4158dd5da0f6589619875d54227e3feafaf2dec685c1bc9818a2d827dd33a9b0ed95a6ad59cb81447ce9bf4a628e136d0ef6588644493b9f4578d7ec8b78ead69498330c65e443195938b434f76e0850cb4a4368ceca866649194ccc1d8114dde8def2c5bde81ca0cd55fee345ff83fa8f46049e3ee07a93eab5bdc4f63&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=06c4d7f9d08802dc1d408d843fe1295554364ef51dfe14c1addcce5e7c34e3439e2218e77cdbc96529f1b97324f5dc3f3acce43e1a018d42ce648b27d018ce29d436cad14ddc86850a38de60cf26d61170e1afacaa7bb16b5848cc818076847dd46dc85e830e6b829ebb10159e9cffa628e136d0ef6588644493b9f4578d7ec8b78ead69498330c65e443195938b434f76e0850cb4a4368ceca866649194ccc1d8114dde8def2c5bde81ca0cd55fee345ff83fa8f46049e3ee07a93eab5bdc4f63&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=5692d4fd878705d51a46dd866fbb2d0651364ca146a71ecffddfcb0b2833b31e9b231de22c8c92647af1b02621a4d33e3a93b569490289139d6782208413cb28de36ccd34ddc8e850a6bdf37cb25804370edfeadfc79b16e0a1892ddcc60c16bdd20d60f801c7bd486be4e1d889fa9e63cfe32c1f171db250edabbef49c070dbf583b662539270c501542f9e958442123abdd811f2fb2bdcaca173738d8597c085194bd286f22d039ed69c&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=01c2d5f9d7d006de4e148b803bbb2c555c651ca54ea743c2ad8dce5a7e37e7479c704de9798c95647ca1ea7074a4d96a3fc5e7694f54d34298658873864d947fda36cad740d880df5d658a3acb75d54676b2fafcfc2ae46f084c9cd0dd778329816acf5bdb007cc28fae1b5cd39da6e661eb3bc7f078c62e0580f6f7548a69ccb18ebc224498739e59517291958b52047bfbc756b3b8748ee7b53d33cfd2d29b984e0dd888ee710c9ac7d6478c01ae3d10e03da8e7&a=w%3D20%26h%3D20%26fm%3Djpg%26q%3D75&cd=39afab95cb19c5d08fa0075492804ae4)