Saleor
GraphQL PlaygroundGithubSign inRequest demo

Architecture Overview

Introduction

  • About the tutorial

  • Architecture overview

  • Technologies

Setup

  • Installing the Storefront Project

  • GraphQL Playground

  • GraphQL Client in Next.js

  • GraphQL Code Generator

  • TypeScript Path Aliases

  • Tailwind CSS for Styling

  • Setup Summary

Presenting products

  • Overview

  • Fetching Products

  • Basic filtering

  • Filtering with variables

  • Sorting Products

  • Pagination

  • Fetching single product

  • Using Variants

Understanding prices

  • Overview

  • Pricing Range

  • Pricing for variants

  • Taxes

Managing checkout

  • Overview

  • Checkout Creation

  • Checkout Page

  • Adding to a Cart

  • Displaying the Cart Content

  • Removing from a Cart

  • Checkout Shipping

  • Checkout Payment

Saleor CLI

  • Getting Started

  • Creating Apps with Saleor CLI

  • Building Abandoned Checkouts App using Saleor CLI

  • Subscribing to a HTTPS Webhook

  • Deploy your Saleor App to Vercel

  • Deploy your Saleor App to Netlify with Github

  • Integrating React Storefront with Saleor Checkout [ DEPRECATED]

ISR for E-Commerce

  • Overview

  • Adding ISR to Product Page

Real-time Search with Typesense

  • Overview

  • Creating Typesense Collection

  • Creating Search UI

Overview

In the first section of this tutorial, we will see how to fetch products from the Saleor API, how to filter and sort them, how pagination works and how to use product variants.

Here's the final result for this section:

Move the vertical sidebar to see the code.


Help us improve our docs. Edit this page on GitHub
Previous
Next page
On this page
    Saleor
    Product
    Core functionalitiesMerchandisingOpen platformPWAAPI-drivenLaunch & Success support
    Solutions
    Magento MigrationCase studiesOpen sourceCustom development
    Developers
    API documentationBecome a partnerRoadmapOpen source community
    Company
    AboutBlogEventsContact usCareers
    All Systems Operational
    Saleor
    LinkedInTwitterSpectrumGithub
    © Copyright 2018 - 2022 Saleor CommerceTerms of usePrivacy policy
    All Systems Operational
    LinkedInTwitterSpectrumGithub