About

Starter pack for building performant e-commerce experiences with Saleor.

Codebase

  • Next.js 13: File-based routing, React 18, Fast Refresh, Image Optimization, and more.
  • App Router: Uses React Server Components, Data Cache, and async components.
  • TypeScript: Strongly typed codebase and GraphQL payloads with strict mode.
  • GraphQL best practices: Uses GraphQL Codegen and TypedDocumentString to reduce boilerplate and bundle size.
  • Customizable CSS: TailwindCSS can be extended or replaced with an alternative CSS solution.
  • Tooling included: Comes with ESLint, Prettier, Husky, Lint Staged, and Codegen preconfigured.

Global:

  • Channel switcher and Geo detection (coming soon)
  • Dynamic menu
  • Hamburger menu
  • SEO data

Checkout:

  • Single page checkout (including login)
  • Portable to other frameworks (doesn't use Next.js components)
  • Adyen integration
  • Stripe integration
  • Customer address book
  • Vouchers and Gift Cards

Product Catalog:

  • Categories
  • Variant selection
  • Product attributes
  • Image optimization

My Account:

  • Order history (coming soon)
  • Order completion
  • Order details