React Templates & Themes Logo React Templates & Themes
Gatsby Starter Shopifypwa screenshot

Gatsby Starter Shopifypwa

Author Avatar Theme by Gil
Updated: 30 Nov 2018
101 Stars

:shopping_cart: Bodega is a Shopify PWA using Gatsby JS + Netlify CMS

Github Live Preview

Categories

Gatsby Styled components Netlifycms Shopify Ecommerce

Overview:

Bodega Cloud is a Gatsby Shopify starter powered by Gatsby, Netlify, and Shopify. It aims to create a proof of concept Shopify Progressive Web App (PWA) using the Storefront API and GatsbyJS. The project focuses on achieving high speed, customizability, accessibility, and code completeness for an enhanced Shopify experience.

Features:

  • Speed: Bodega Cloud strives to provide a fast experience, especially for slower connections, by leveraging service workers.
  • Highly Customizable Theme and Settings: The theme offers various ways to customize the design without modifying the code, including options for colors, typography, and settings such as displaying breadcrumbs.
  • Accessible: Out-of-the-box, the site adheres to WCAG 2.0 accessibility standards, incorporating aria tags, AA color contrast, and keyboard accessible navigation with focus styling.
  • Code Complete with regular Shopify themes: Bodega Cloud aims to offer the same features as regular Shopify themes, facilitating easy homepage section content creation and supporting all standard content types.

Installation:

To install Bodega Cloud, follow these steps:

  1. Copy the content from .env.sample file and create a new file called .env.development.
  2. Update the values in .env.development to match your Shopify store’s configuration.
  3. Ensure that you include all necessary keys and values in the .env file in your Netlify environment.

Summary:

Bodega Cloud is a Gatsby Shopify starter that combines the power of Gatsby, Netlify, and Shopify to create a proof of concept Shopify Progressive Web App. With a focus on speed, customizability, accessibility, and code completeness, Bodega Cloud aims to enhance the Shopify experience for both merchants and customers. By leveraging GatsbyJS and the Storefront API, it offers a fast and highly customizable theme, while ensuring WCAG 2.0 accessibility compliance. With easy installation and integration with Shopify webhooks for automatic deployment, Bodega Cloud is a comprehensive solution for creating a performant Shopify PWA.