About Next.js WooCommerce
This project is a headless e-commerce site that pairs a Next.js and React front end with WordPress and WooCommerce as the back end. Product data is fetched over the WooCommerce GraphQL API, and Algolia powers search, with the author's own wp-algolia-woo-indexer plugin sending WooCommerce products to Algolia.
Setup requires several WordPress plugins: WooCommerce, WPGraphQL, WPGraphQL for WooCommerce and the Algolia indexer, with an optional headless-WordPress plugin that disables the WordPress front end. The README lists tested versions of each, and the front end uses Next.js 16, React 19, TypeScript, Tailwind CSS, Zustand for the cart and Playwright for tests. Features include listing products with names, prices and images, simple and variable products, cart handling and checkout through WooCommerce, with cash on delivery used in the walkthrough. Environment variables are set in a .env file or on a host such as Vercel.
The project is licensed under AGPL-3.0 and includes a live demo, a design system section, Lighthouse monitoring notes and a troubleshooting list.
Key features
- Next.js storefront for WooCommerce
- WooCommerce GraphQL data layer
- Algolia product search
- Simple and variable products
- Cart and checkout through WooCommerce
- Playwright tests
Good fit for
- →Headless storefront for an existing WooCommerce shop
- →Reference for Next.js and WPGraphQL projects
- Tags
- ecommerce
- nextjs
- woocommerce
- headless
- graphql
- algolia
- typescript
- react
Next.js WooCommerce: questions and answers
- What is Next.js WooCommerce used for?
- Next.js WooCommerce is a headless e-commerce storefront built with Next.js and TypeScript that uses WordPress WooCommerce through GraphQL and Algolia for product search. It is a good fit for headless storefront for an existing WooCommerce shop, and reference for Next.js and WPGraphQL projects.
- Is Next.js WooCommerce open source?
- Yes. Next.js WooCommerce is open source under the AGPL-3.0 licence. Its source code is on GitHub at w3bdesign/nextjs-woocommerce and is written mainly in TypeScript.
- Is Next.js WooCommerce free?
- Yes. Next.js WooCommerce is open source, so the software itself is free to use.
- Can I self-host Next.js WooCommerce?
- Yes. Next.js WooCommerce can be self-hosted on your own server or infrastructure.
- What are some alternatives to Next.js WooCommerce?
- Similar open-source tools in the E-commerce category include Enterprise Commerce, Saleor Dashboard and WooNuxt. SaaS products in the same category include Better Store, Crystallize and Elastic Path.
- Is Next.js WooCommerce actively maintained?
- Yes. The most recent commit to Next.js WooCommerce was on 1 October 2026, and the latest release is 1.2.5, published on 6 May 2026. The project has 611 stars on GitHub.
Open-source alternatives to Next.js WooCommerce
See all
Enterprise Commerce
E-commerce
⚡ Next.js enterprise-grade storefront for high-performance e-commerce with Shopify backend
MIT★ 702
Saleor Dashboard
E-commerce
A GraphQL-powered, single-page dashboard application for Saleor.
BSD-3-Clause★ 1kWooNuxt
E-commerce
Static e-commerce powered by WooCommerce & Nuxt
GPL-3.0★ 972
EverShop
E-commerce
🛍️ Typescript E-commerce Platform
GPL-3.0vs BigCommerce★ 10k
Vendure
E-commerce
Open-source headless commerce platform built with TypeScript, NestJS, React, and GraphQL
OSSvs commercetools★ 8.5k
Alokai
E-commerce
Alokai is a Frontend as a Service solution that simplifies composable commerce. It connect
OSS★ 11k
SaaS alternatives to Next.js WooCommerce
See all
Better Store
E-commerce
AI-first headless e-commerce platform for building online stores
SaaS
Crystallize
E-commerce
Headless commerce and product information platform with a GraphQL API
SaaS
Elastic Path
E-commerce
Composable commerce platform with APIs for catalogs, carts and orders
SaaS
Foxy
E-commerce
Hosted cart and checkout that adds ecommerce to existing websites
SaaS
Snipcart
E-commerce
Shopping cart and checkout that adds ecommerce to any website or CMS
SaaS
Spryker
E-commerce
Composable digital commerce platform for B2B and marketplace businesses
SaaS

