Saleor Next.js Storefront
A starter pack for building performant e-commerce experiences with Saleor.
Key Features:
- Next.js 15: File-based routing, React 19, 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
TypedDocumentStringto 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 Features:
- Dynamic menu
- Hamburger menu
- SEO data
Checkout Features:
- Single page checkout (including login)
- Portable to other frameworks (doesn't use Next.js components)
- Adyen and Stripe integration
- Customer address book
- Vouchers and Gift Cards
Product Catalog Features:
- Categories
- Variant selection
- Product attributes
- Image optimization
My Account Features:
- Order completion
- Order details
This storefront is designed for developers looking to create custom e-commerce experiences using Saleor, leveraging modern web development practices and technologies.
