About The Project

This is some old work from a couple of years back. code and idea based on gatsby-woocommerce-themes by imranhsayed.

This project is consists of a next.js based theme for WooCommerce.

Live Preview

Features:

• Register
• Login
• Logout
• Add to cart
• Stripe payments
• Static pages for super fast load times
• Many more

This website features jwt token authentication for security.

Built With

Those are the frameworks/libraries used to build this website client.

• Next.js
• Apollo Client
• Sass
• WooCommerce
• Stripe

Client setup

1. Server Side Enviromnent Variables. Edit .env.development file as follows:

• NEXT_PUBLIC_API_URL=https://example.com
• NEXT_PUBLIC_WEBSITE_TITLE='Your store name'

Env variables from these file will be consumed by Apollo client on client side.

WordPress Setup

1. On your WordPress site, download, Upload and activate all the plugins from wordpress/plugins folder of this repo, into your WordPress Site.

a. Headless CMS

b. woocommerce

c. wp-graphql - tested on ( v1.0.0 )

d. wp-graphql-woocommerce

e. wp-gatsby

f. Yoast-SEO

g. wp-graphql-yoast-seo

h. wp-graphql-jwt-authentication

• You can follow the readme to setup https://github.com/wp-graphql/wp-graphql-jwt-authentication#install-activate--setup