NuxtJS Ecommerce site with WooCommerce backend

This is currently a work in progress!

Install and activate the following required plugins, in your WordPress plugin directory:

woocommerce Ecommerce for WordPress.
wp-graphql Exposes GraphQL for WordPress.
wp-graphql-woocommerce Adds WooCommerce functionality to a WPGraphQL schema.
algolia-woo-indexer Sends WooCommerce products to Algolia. Required for search to work.
wp-graphql-cors Ensures that CORS works correctly. Remember to add the domain to the store under Extend "Access-Control-Allow-Origin” header

Optional plugin:

headless-wordpress Disables the frontend so only the backend is accessible. (optional)

The current release has been tested and is confirmed working with the following versions:

For debugging and testing, install either:

https://addons.mozilla.org/en-US/firefox/addon/apollo-developer-tools/ (Firefox)

https://chrome.google.com/webstore/detail/apollo-client-developer-t/jdkknkkbebbapilgoeccciglkfbmbnfm (Chrome)

Rename .env.example to .env so the Apollo debugger will correctly load. It will not load if the NODE_ENV variable is not correctly set.
Make sure WooCommerce has some products already or import some sample products

The WooCommerce sample products CSV file is available at wp-content/plugins/woocommerce/sample-data/sample_products.csv or Sample products

Import the products at WP Dashboard > Tools > Import > WooCommerce products(CSV)
Clone or fork the repo and modify .env with the URL to the GraphQL endpoint (or set environment variables in the configuration UI for your deployment solution)
Start the server with npm run dev
Enable COD (Cash On Demand) payment method in WooCommerce
Add a product to the cart
Proceed to checkout
Fill in your details and place the order

Name		Name	Last commit message	Last commit date
Latest commit History 1 Commit
.github		.github
apollo		apollo
assets		assets
components		components
dist		dist
hooks		hooks
layouts		layouts
middleware		middleware
pages		pages
plugins		plugins
sample_products		sample_products
static		static
test		test
utils		utils
.babelrc		.babelrc
.editorconfig		.editorconfig
.env.example		.env.example
.eslintignore		.eslintignore
.eslintrc.js		.eslintrc.js
.gitignore		.gitignore
.prettierrc		.prettierrc
CODE_OF_CONDUCT.md		CODE_OF_CONDUCT.md
CONTRIBUTING.md		CONTRIBUTING.md
LICENSE		LICENSE
Procfile		Procfile
README.md		README.md
codegen.yml		codegen.yml
graphql.schema.json		graphql.schema.json
jest.config.js		jest.config.js
jsconfig.json		jsconfig.json
now.json		now.json
nuxt.config.js		nuxt.config.js
package-lock.json		package-lock.json
package.json		package.json
tailwind.config.js		tailwind.config.js