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

Setup Summary

At this point we have joined all the pieces together so that we have a minimum e-commerce application build with Next.js & Saleor using TypeScript.

Create Next App after storefront setup.
Create Next App after storefront setup.

We are ready to explore the Saleor API.


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