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:
- Install and run SvelteKit by running the following commands:
npm init svelte@next my-app
cd my-app
npm install
npm run dev
- 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.