Headless eCommerce powered by WooCommerce and Nuxt

WooNuxt is unmatched when it comes to performance and scalability. Reap the benefits of having a online store that out performs all of your competitors.

Overview

Headless. Serverless. Decoupled. These are some of the buzzwords you might have heard being thrown around. But what do they mean and why should you care? In the ever-evolving web technology performance is becoming more and more important.

Simply put, having a front-end separate from the back-end provides better security, performance, scalability, and developer experience. Although the initial development cost might be higher, in the long run you will see a better return on your investment.

WooNuxt combines the familiarity of WordPress with the performance of Vue by leveraging the modern JAMstack approach. That means building as many elements as possible during the build. As a result, fewer server requests are needed to be made, meaning better performance and faster load times.

Tap into the amazing ecosystem of Vue components and libraries that a modern JavaScript framework provides.

environment variables

Configure your store in seconds

WooNuxt has and .env.example file that you can use to configure your store. Simply rename the file to .env and fill in the required fields. We will be adding more configurable options in the future to make it even easier to customize your store.

pagespeed insights

Out of the box optimization for performance

WooNuxt is built with performance in mind. We have implemented a number of optimizations to ensure your store is as fast and accessible as possible.

Features

checkmark

Speed

Built with performance in mind. Code splitting, lazy loading and link prefetching out of the box. Check LightHouse scores.

checkmark

Cart

Full cart functionality with add to cart, remove from cart, update quantity and empty cart.

checkmark

Checkout

Full checkout functionality with shipping, billing and payment. Stripe is fully integrated, PayPal is coming soon.

checkmark

Search

Search functionality intigrate with the filtering system.

checkmark

Filtering

Filtering functionality with price and attribute from the WooCommerce store.

checkmark

Wishlist

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

checkmark

PWA

Progressive Web App functionality with offline browsing support.

checkmark

Accessibility

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

checkmark

Responsive

Responsive design with mobile, tablet and desktop views.

checkmark

UI/UX

Beautiful UI/UX with animations and transitions.

pending icon

SEO

SEO functionality with meta tags, sitemap and robots.txt. Full Yoast SEO integration coming soon.

pending icon

Coupons & Reviews

Coming soon.

Quick Start

Note: Now that we have upgraded to Nuxt 3, we have made it even easier to get setup. You can now use the WooNuxt Settings plugin for WordPress to guild you through the setup process. This plugin will help you install any required plugins and setup your store. Check out the README for more information.

WooCommerce logo

1. Store data

Everything you know and love about WooCommerce stays the same. If you have a current shop or setting up a new one all you need to do is install and activate the following plugins. WPGraphQL, WooGraphQL and WPGraphQL CORS

Nuxt Logo

2. Build

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

Netlify Logo

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. Deploy to Netlify

Freqently 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?

Still in development. But it will soon have full Yoast support.

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 FAQ's here.

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.