What is Headless eCommerce?

Headless ecommerce separates the customer-facing storefront from the backend that manages products, orders, customers, and payments. That gives teams more control over performance, design, integrations, and deployment while keeping the commerce platform they already know.

For WooCommerce stores, WooNuxt turns WordPress and WooCommerce into a headless ecommerce backend and delivers the storefront with Nuxt. You keep the familiar admin, catalog, and checkout data while shipping a faster, more flexible frontend.

WooNuxt combines the familiarity of WordPress with the performance of Vue by leveraging the modern JAMstack approach. Pages can be pre-rendered or cached close to customers, so fewer server requests are needed and product pages load quickly.

It is a practical starting point for teams comparing headless ecommerce solutions and developers who want a production-ready headless WooCommerce frontend without building every cart, checkout, and product feature from scratch.

Configure your store in seconds

WooNuxt includes a .env.example file for connecting your headless ecommerce frontend to WooCommerce. Rename it to .env, add your store details, and start customizing the Nuxt storefront around your catalog.

Out of the box optimization for performance

WooNuxt is built with performance in mind. It gives headless WooCommerce stores a faster frontend with Nuxt rendering, image optimization, lazy loading, and modern deployment options.

Key Features of WooNuxt

Blistering Speed

Designed for performance, WooNuxt provides code splitting, lazy loading, and link prefetching right out of the box. Refer to your LightHouse scores to witness the improvements.

Shopping Cart

Experience complete shopping cart functionalities, including the ability to add, remove, and update quantities, as well as applying coupons with ease.

Checkout

Get a seamless checkout process featuring shipping, billing, and payment options. Currently supporting Stripe, with PayPal integration coming soon.

Search

Benefit from integrated search functionality, enhanced by a robust filtering system that optimises the user experience.

Filtering

Utilise powerful filtering capabilities based on price and attributes from your WooCommerce store.

Wishlist

Wishlist functionality with add to wishlist, remove from wishlist and empty wishlist.

Progressive Web Application (PWA)

Support for Progressive Web App functionalities allows for offline browsing, elevating the user experience of your headless ecommerce store.

Accessibility Compliance

Adheres to all best practices for accessibility. Check WAVE scores.

Responsive Design

Enjoy a design that seamlessly adapts across mobile, tablet, and desktop devices, enhancing the reach of your headless WooCommerce store and broader headless ecommerce strategy.

Exceptional UI/UX

A visually beautiful UI/UX experience with engaging animations and transitions.

Optimised for SEO

Integrate essential SEO functionalities, such as meta tags, sitemaps, and robots.txt. Full Yoast SEO integration is on the horizon, helping your headless ecommerce site stay fast, crawlable, and ready to rank.

Coupons & Reviews

Coming soon.

Quick Start

1. Store data

Everything you know and love about WooCommerce stays the same. If you have a current shop or are setting up a new one, WooCommerce becomes the headless ecommerce backend after you install and activate the following plugins. WPGraphQL, WooGraphQL and WPGraphQL CORS

2. Build

Powered by Nuxt, WooNuxt connects to your WooCommerce store using WPGraphQL and outputs a highly optimized headless ecommerce frontend with code splitting, lazy loading, and link prefetching out of the box. Lighthouse will love it.

3. Deploy

Deploy your entire site to a CDN and forget about it. Static site scale well, are blazingly fast, cheap, secure and accessible to the world. WooNuxt can be deployed to any static web hosting.

Frequently Asked Questions

Where can it be hosted?

Because WooNuxt is a JAMstack application, it can be hosted anywhere. You can host it on your own server, or you can deploy it to a static web hosting provider. You can also deploy it to a CDN.

Can it be installed as a PWA?

Yes, it is fully ready to be installed as a PWA. However, the login mutation needs the front and back end to be on the same domain for the cross-origin request to work.

Is it optimized for SEO?

Yes. WooNuxt is built around fast Nuxt rendering, crawlable pages, metadata, sitemaps, and robots.txt. Deeper Yoast SEO integration is planned.

Is WooNuxt only for headless WooCommerce?

WooNuxt is focused on WooCommerce, but it follows the same headless ecommerce architecture used by modern composable commerce builds: a CMS and commerce backend connected to a fast frontend through APIs.

What payment gateways are available?

Stripe is the only payment gateway available at this time. PayPal is coming soon.

Does it have a default WordPress theme?

I'm working on a basic theme that adds some extra features to the store, like reward points and a wishlist. It will be available soon.

Does the store support multiple currencies?

Not at this time.

You can find more troubleshooting FAQs in our FAQ section.

Get in Touch

If you have any questions or would like to get in touch, please feel free to reach out on any of the platforms below or fill out the form.

Headless eCommerce for WooCommerce powered by Nuxt