Next Generation Front-End for WooCommerce
Introduction
The goal of WooNuxt is to provide a modern, fast, and SEO friendly front-end for WooCommerce. It's built on top of Nuxt 3 and uses the WPGraphQL API to retrieve all the data it needs. It's also fully customizable and can be extended with your own components and modules. You can see a live demo of WooNuxt by clicking the button below.
Get Started
- Download the lates WooNuxt Settings (woonuxt-settings.zip) from the releases page here: Releases
- Install and activate the plugin on your WordPress site. This will install all the required plugins for WooNuxt, add some useful fields to the WPGraphQL schema, and automatically retrieve the WooCommerce payment gateway settings for Stripe and PayPal.
- Once the plugin is activated you are ready to deploy WooNuxt on whatever hosting you like or click one of the fast deploy buttons below.
- Once the plugin is activated the only required environment variable is
GQL_HOST. Checkout the .env.example file for more details.
Progress
| Feature | Ongoing Enhancements | In the Pipeline | In Progress | Done |
|---|---|---|---|---|
| Proformanance | ✅ | |||
| SEO | ||||
| Cart | ||||
| Search | ||||
| Shipping | ||||
| Checkout (Stripe, PayPay, Cash on Delivery) | ||||
| Filtering | ✅ | |||
| Wishlists | ||||
| Account | ✅ | |||
| Coupons | ||||
| Product Reviews | ||||
| Product Category Pages | ||||
| WooNuxt Settings Module | ||||
| Better Typescript Supp | ||||
| Mobile layout | ✅ | |||
| Countries & States Enums | ||||
| Cookie Popup & GDPR Compliance | ||||
| Progressive Web App (PWA) | ||||
| Queuing System (for checking out when the server is busy) | ||||
| Language Support (i18n) |
Required WordPress Plugins
| Plugin Name | Description | Link |
|---|---|---|
| WPGraphQL | A free, open-source plugin for WordPress | https://www.wpgraphql.com/ |
| WooGraphQL | GraphQL API for WooCommerce | https://woographql.com/ |
| WPGraphQL Cors | Enable CORS for WPGraphQL | https://github.com/funkhaus/wp-graphql-cors |
Note The the WooNuxt Settings plugin will help you install all the required plugins. WooGraphQL 0.13.0 and up is required to get the list of available countries and states. You can find the latest version of WooGraphQL here.
Required Environment Variables
GQL_HOST - The URL of your WordPress site. This is the only required environment variable.
Tested up to:
| Plugin/Software | Version |
|---|---|
| WordPress | 6.2.2 |
| WooCommerce | 7.8.2 |
| WPGraphQL | 1.14.4 |
| WooGraphQL | 0.13.0 |
| Node | 16.18.1 |
Current translations
| Language | Code |
|---|---|
| English |
en |
| German |
de |
| Spanish |
es |
| French |
fr |
Credits
This is an ongoing project but it wouldn't be possible without the help of the following people: Jason Bahl & Geoffrey K Taylor for their ongoing work on WPGraphQL and WooGraphQL respectively. Also, a big thanks to the Nuxt team for all their hard work making Nuxt 3 a pleasure to build upon. And a big thanks to the WooCommerce team for making such a great e-commerce platform. Some other honorable mentions are Funkhaus for their work on the WPGraphQL Cors plugin. And the people who have contributed to making WooNuxt better every day. Zack Hatlen, Galli, Guillaume, Thank you all!
I don't know where this project will go but I'm excited to see what the future holds. If you have any questions or would like to contribute to the project please feel free to reach out to me on Twitter or GitHub.
Note If you're looking for the old version of WooNuxt you can find it on the v2 branch.