đ„ Next.js (React) headless eCommerce site with Typescript, WordPress (WooCommerce) backend and Algolia search
Optional plugin:
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)
Make sure WooCommerce has some products already
Clone or fork the repo and modify .env.example
and rename it to .env
Then set the environment variables accordingly in Vercel or your preferred hosting solution.
Modify the values according to your setup
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 (GĂ„ til kasse)
Fill in your details and place the order
Check that you are using the 0.12.0 version of the wp-graphql-woocommerce plugin
Check the attributes of the products. Right now the application requires Size and Color.
Overall the application is working as intended, but it has not been tested extensively in a production environment. More testing and debugging is required before deploying it in a production environment.
With that said, keep the following in mind: