Next.js Storefront: Your open-source frontend starter pack for building performant e-commerce experiences with Saleor.
Saleor Checkout: Extensible Next.js checkout application and payment integrations powered by Saleor API.
🏎️ modern & fast: The project utilizes all the best practices for e-commerce, like SSR, ISR, and image optimization.
💳 integrated payments: Reduce the purchase friction by taking advantage of integrations with modern payment providers such as Adyen, Mollie or Stripe.
🛠️ easily customizable: TailwindCSS can be easily extended and tweaked, or completely replaced with your favorite CSS solution.
👌 works out-of-the-box: Pre-configured tools built with DX in mind.
- Next.js
- TypeScript
- GraphQL with Apollo Client
- Tailwind CSS
- Turborepo
- Saleor Checkout
Supercharge your development with our CLI tool and free developer account at Saleor Cloud. To download and install Saleor CLI, run the following command:
npm i -g @saleor/cli
Set up your local storefront development environment by running the storefront create command. It will take you through the process of creating a new Saleor API instance (or choosing an existing one) and connecting it to your freshly cloned local storefront setup:
saleor storefront create
If you don't want to customize available options, you can also spawn a fully functional local storefront development environment using --demo attribute:
saleor storefront create --demo
First install pnpm (an alternative to npm, focused on performance) globally:
npm install -g pnpm
Then install dependencies:
pnpm i
To start the servers, run:
pnpm dev
The command will boot up 4 applications running on different ports.
Read more about development in docs/development.md.
Saleor App Checkout supports three configurable payment gateways:
For further information, please go to docs/payment/index.md.
Read Vercel deployment guide in docs/vercel.md
Read FAQ in docs/faq.md