nextjs-wp-boilerplate

NextJS-Store

A highly scalable foundation for your next endavour with the following tech stack.

Stack

• Next JS
• Wordpress
• WooCommerce
• GraphQL
• Apollo

File Structure

  .
  ├── apollo        # Apollo Client (Setup, GQL queries and related types)
  ├── components    # React components
  ├── config        # Config files for woo commerce REST API
  ├── layouts       # App layouts
  ├── pages         # Next JS Pages directory
  ├── public        # public folder
  ├── styles        # css/scss styles
  ├── types         # Types used throughout the app
  ├── wc            # WooCommerce REST API Controls
  └── ...

Features

Highly Scalable

This repo was designed to be used on large scale projects. Scalability was kept in mind at every step.

Very quick to set up

6 steps and you are done with the whole stack integrated in your project.

Good Headstart

As the whole stack is automatically integrated, forget about going through the tedious task of setting everything up and focus on development.

Provided Examples

Examples for almost all the end points have been provided.

Structured Code

Keeping in mind the scalability, the code has been strucutred such that it is easier to navigate.

Documentation

• WooCommerce REST API
• WPGraphQL
• Apollo Client
• Next JS
• Material UI

Packages

• @apollo/client
• @material-ui/core
• @material-ui/icons
• clsx
• gsap
• sass

Quick start

1. Clone this repo using: git clone -b NextJS-WP-Boilerplate https://github.com/abwahab3306/nextjs-store.git
2. Change the directory: cd nextjs-store
3. Install the dependencies: yarn install
4. Create a wc-config.ts file using the example file provided.
5. Place your WooCommerce Credentials.
6. Run using: yarn dev

© Big O Soft LLC