React WooCommerce theme, built with Next JS, Webpack, Babel, Node, Express, using GraphQL and Apollo Client
- This is a React WooCommerce theme, built with Next JS, Webpack, Babel, Node, GraphQl
The code for the Video Tutorial is in the branch youtube-course However, since there is continuous contribution and updates to this project. The 'master' branch is upto date with those changes. You can also refer to the PR notes for changes.
These instructions will get you a copy of the project up and running on your local machine for development purposes.
git clone [email protected]:imranhsayed/woo-next
cd woo-next
yarn install
wp-graphql Exposes graphql for WordPress ( Tested with v-1.3.8 of this plugin )
wp-graphql-woocommerce Adds Woocommerce functionality to a WPGraphQL schema ( Tested with v-0.8.1 of this plugin )
headless-cms Extends WPGraphQL Schema ( Tested with v-1.8.0 of this plugin )
Make sure Woocommerce plugin is also installed in your WordPress site. You can also import default wooCommerce products that come with wooCommerce Plugin for development ( if you don't have any products in your WordPress install ) WP Dashboard > Tools > Import > WooCommerce products(CSV)
: The WooCommerce default products csv file is available at wp-content/plugins/woocommerce/sample-data/sample_products.csv
To use Hero carousel, create a category called 'offers' from WordPress Dashboard > Products > Categories. Now create and assign as many child categories to this parent 'offers' category with name, description and image. These Child categories data will automatically be used to create hero carousel on the frontend.
.env
file taking reference from .env-example
and update your WordPressSite URL.NEXT_PUBLIC_WORDPRESS_URL=https://example.com
feature/rest-api Contains REST API Implementation.
The master
branch has the GraphQL implementation.
dev
Runs server in development modeThanks to all the people who contributed to the code of this project
Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us.
I use Git for versioning.
This project is licensed under the MIT License - see the LICENSE.md file for details