A React WooCommerce Project Example With REST API
MIT License
First clone/fork the repo and cd into it.
git clone https://github.com/imranhsayed/nextjs-woocommerce-restapi.git
cd nextjs-woocommerce-restapi
npm ci
npm run dev
.env
file taking reference from .env-example
and update your WordPressSite URL and Frontend next.js URL.NEXT_PUBLIC_WORDPRESS_URL=https://example.com
NEXT_PUBLIC_SITE_URL=http://localhost.com
( This will be your frontend Next.js URL)Add your WC_CONSUMER_KEY
and WC_CONSUMER_SECRET
to the .env
by following WooCommerce > Settings > Advanced > REST API
In your WordPress Dashboard, Go to Settings > General > Site Address (URL) ( Set this to Frontend URL e.g. http://localhost:3000 during development )
Create the Header and Footer Menus In WordPress Dashboard and set them to HCMS Header menu and HCMS Footer Menu respectively.
I use Git for versioning.
This project is licensed under the MIT License - see the LICENSE.md file for details