Sveltekit Shopify Ecommerce screenshot

Sveltekit Shopify Ecommerce

Author Avatar Theme by Kenny io
Updated: 14 Aug 2021
21 Stars

Overview:

The SvelteKit / Shopify Storefront Starter template is a minimal starter template designed for the new Shopify Storefront API, developed with SvelteKit. It provides the basic elements necessary to get started with building a Shopify storefront.

Features:

  • Get products: Fetch and display products from the Storefront API.
  • Product details page: Show a detailed page for each listed product.
  • Variants: Display product variants and allow users to select them.
  • Cart: Add items to the cart and view a summary of the cart.
  • Remove items from cart: Allow users to remove items from their cart.

Installation:

To get started with the SvelteKit / Shopify Storefront Starter template, follow these steps:

  1. Install and run SvelteKit by running the following commands:
npm init svelte@next my-app
cd my-app
npm install
npm run dev
  1. Clone the project by using the following command:
git clone https://github.com/kenny-io/sveltekit-shopify-ecommerce

Alternatively, you can deploy the project to Netlify by following the instructions on the repository.

Summary:

The SvelteKit / Shopify Storefront Starter template is a convenient starting point for developers looking to create a Shopify storefront using the Storefront API. With features such as fetching products, displaying detailed product pages, handling variants, and managing the cart, this template provides a solid foundation for building an e-commerce website. The template can be easily installed and run locally or deployed on Netlify for previewing the project.