If you’ve followed along with this article series you will know we can create orders in WooCommerce without needing a cart. Nevertheless, it’s helpful for users to manage their cart before checking-out which is why we’re going to build one. Choose Your Cart Approach We need to decide how we want to approach this…

At some point we have to deal with state management. I think the useState hook is great for most situations but the ever-popular Redux gives you that bit more flexibility across different components. In this article I’ll show you how I use Redux Toolkit to manage state for a cart. …

So far we have fetched our products from WooCommerce and set up styled-components. Next up is to display these products and show you the basics of how to create an order. Display your Products We have already fetched an array of products that we can manipulate in any way our creative minds like…

This really ought to be easier than it is in my opinion! I like to use styled-components and there are a few things you need to configure in order for it to play nicely with Next.js and TypeScript. …

I’ve chosen to use Next.js for this project namely because it is a static-site generator that also makes it easy to handle back-end functionality. By default, Next.js pre-renders every page to generate HTML in advance, resulting in better performance and SEO. Next.js …

Now that you have your WordPress site with WooCommerce installed it’s time to configure WooCommerce and start adding some products to sell! Configure WooCommerce Settings In your WordPress site, click the WooCommerce menu option and go to Settings. In the settings page there will be further options to explore under different tabs (e.g…

This is the first in a series of articles taking you through how I use WooCommerce’s REST API and create a headless website using Next.js that can display products, add to cart and checkout with card payments via Stripe. I have created a standard Wordpress site with WooCommerce before and…

In the last couple of months, I have been happy with the technology stack I’ve been using and doubled down on understanding Next.js, Node.js, WordPress, WooCommerce and Stripe. I built out a new e-commerce platform for a clothing company and gained another client interested in my restaurant platform. I could…

It was time. I had spent the best part of two months working on my app and I was ready to deploy and get it live on the internet. I procrastinated over doing this step for at least a couple of weeks because I felt out of my depth and…