Skip to content

Latest commit

 

History

History
138 lines (88 loc) · 5.37 KB

Shopify-and-Sanity.md

File metadata and controls

138 lines (88 loc) · 5.37 KB

Shopify & Sanity

Shopify

Use Shopify great e-commerce administration capabilities and a headless CMS to manage your website.

Use Shopify as a business tool and Sanity as a CMS.

Standalone Shopify

Pros:

  • Leverages Shopify great e-commerce administration capabilities (order management, inventory management, payment processing, email marketing etc.)

Cons:

  • Traditional approach (Shopify themes)
  • Can't scale (no reuse when building marketing/landing pages)
  • Flexibility (adding additional content types, modifying particular page relies on workarounds/hacks)
  • Limited as a CMS (customizing customer experience)
  • Harder 3rd party integration
  • Custom theme language called Liquid
    Reference
  • Customizations (meta field editor)
  • Can't customize checkout page on Shopify, only on Shopify Plus
    Reference

Spotify with Headless CMS

Commerce Led Experience with API First Experience (maximized flexibility, 3rd party integration, homegrown capabilities)

Pros:

  • Leverages Shopify great e-commerce administration capabilities (order management, inventory management, payment processing, email marketing, sales channel etc.)
  • Data is structured
  • Enriches the content (exceptional user experience and design customization)
  • Easily integrate 3rd party content
  • Modules can be reused on unlimited number of pages
  • Engage customers through innovative and creative storefronts
  • Improved speed
  • Better SEO (full control over SEO)
  • Cheaper hosting
  • Security
  • Adding custom content
  • Any frontend framework
  • Test driven and reliable code
  • Full control
  • Latest speed optimizations
  • Personalize shopper experiences (segmentation and personas)
  • Unify the entire customer experience across different channels
  • Mobile first

Cons:

  • Initial development effort

Sanity CMS

Examples Shopify + Sanity CMS

https://www.kinsleyarmelle.com/

https://www.prima.co/

https://augustinusbader.com/eu/en

https://www.clare.com/

https://www.strivectin.com

https://www.frankbody.com/uk

https://plenaire.co

Technologies

Shopify Storefront API

Storefront API gives you full creative control to add Shopify buying experiences anywhere your customers are, including websites, apps, and video games.

Shopify Webhooks

For example, you can rely on webhooks to trigger an action in your app when a customer creates a cart, or when a merchant creates a new product in their Shopify admin. By using webhooks subscriptions you can make fewer API calls overall, which makes sure that your apps are more efficient and update quickly.

Algolia Site Search

Algolia Site Search is a content discovery platform that enables businesses to build, manage and deliver customer centric, content based experiences on every channel.

Cypress

A complete end-to-end testing experience.

eBay - jsonpipe

jsonpipe is a lightweight AJAX client for chunked JSON responses. It is a standalone utility with no dependencies.

Repositories

Sane Shopify

Connect Sanity and the Shopify Storefront API.

sanity-typed-queries

A zero-dependency schema generator and query builder for Sanity that is fully-typed and works in JavaScript and TypeScript.

Starter kit for Gatsby, Sanity.io, & Shopify

Clone this repository to bootstrap a fresh Gatsby site, powered by Sanity CMS and dynamically import Shopify products to Sanity with the help of a WebHook.

Plugins

Shopify + Algolia Salesforce Commerce Cloud + Algolia

Videos

Sanity + Shopify Roundtable: Headless ecommerce with Kevin Green & Joseph Thomas

How prima.co was made

References

Headless Shopify Explained

Comparison & Recommendation Shopify and Headless CMS