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.
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.
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.
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.
Experience complete shopping cart functionalities, including the ability to add, remove, and update quantities, as well as applying coupons with ease.
Get a seamless checkout process featuring shipping, billing, and payment options. Currently supporting Stripe, with PayPal integration coming soon.
Benefit from integrated search functionality, enhanced by a robust filtering system that optimises the user experience.
Utilise powerful filtering capabilities based on price and attributes from your WooCommerce store.
Wishlist functionality with add to wishlist, remove from wishlist and empty wishlist.
Support for Progressive Web App functionalities allows for offline browsing, elevating the user experience of your headless eCommerce store.
Adheres to all best practices for accessibility. Check WAVE scores.
Enjoy a design that seamlessly adapts across mobile, tablet, and desktop devices, enhancing the reach of your headless WooCommerce store.
A visually beautiful UI/UX experience with engaging animations and transitions.
Integrate essential SEO functionalities, such as meta tags, sitemaps, and robots.txt. Full Yoast SEO integration is on the horizon, ensuring your headless eCommerce site ranks higher.
Coming soon.
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.
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
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!
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.
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.
Still in development. But it will soon have full Yoast support.
Stripe is the only payment gateway available at this time. PayPal is coming soon.
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.
Not at this time.
You can find more troubleshooting FAQs in our FAQ section.