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.
Built with performance in mind. Code splitting, lazy loading and link prefetching out of the box. Check LightHouse scores.
Full cart functionality with add to cart, remove from cart, update quantity and empty cart.
Full checkout functionality with shipping, billing and payment. Stripe is fully integrated, PayPal is coming soon.
Search functionality intigrate with the filtering system.
Filtering functionality with price and attribute from the WooCommerce store.
Wishlist functionality with add to wishlist, remove from wishlist and empty wishlist.
Progressive Web App functionality with offline browsing support.
Adheres to all best practices for accessibility. Check WAVE scores.
Responsive design with mobile, tablet and desktop views.
Beautiful UI/UX with animations and transitions.
SEO functionality with meta tags, sitemap and robots.txt. Full Yoast SEO integration coming soon.
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.