Advanced NextJS WooCommerce REST API, TailwindCSS – Part-2

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Running production build

Chapter 2: Add To Cart And View Cart

Lecture 1: Add To Cart APIs

Lecture 2: Creating Add To Cart Function

Lecture 3: Creating View Cart Functions

Lecture 4: Demo – Add To Cart And View Cart Explained

Lecture 5: Customizing Tailwind Configuration

Lecture 6: Using Context API To Store Cart Data – Create AppContext

Lecture 7: Add To Cart And setCart With Loading

Lecture 8: Add View Cart Button

Lecture 9: Add To Bag

Chapter 3: Theme Styles and Typography

Lecture 1: Adding Google Fonts Using TailwindCSS

Lecture 2: Adding Typography and Theme Styles

Chapter 4: Cart Page

Lecture 1: Creating Cart Page

Lecture 2: Cart Endpoints – Add To Cart | Get Cart | Update Cart | Delete Cart

Lecture 3: Cart Page – Endpoints

Lecture 4: Cart Page – Cart Component And Functions

Chapter 5: Checkout Page

Lecture 1: Creating Checkout Page & Getting WooCommerce Countries Data for Checkout Form

Lecture 2: Create Checkout Form Address Fields

Lecture 3: Create Address Input Fields

Lecture 4: Add Country Selection Options In Address Fields

Lecture 5: Adding Billing And Shipping Details

Lecture 6: Add Payment Methods

Lecture 7: Handle Checkout Form Errors – Validation And Sanitization

Lecture 8: Prepare Cart Data

Lecture 9: WooCommerce Create Order API Demo, Customising Payment Modes

Chapter 6: Stripe – Payment Integrations

Lecture 1: Create Stripe Webook And Sessions

Lecture 2: Creating Thank You Page And Stripe Demo

Lecture 3: Deploying Your Next.js WooCommerce React Project

Chapter 7: Single Product Page

Lecture 1: Create Single Product Pages And Using getStaticPaths

Lecture 2: Create Single Product Component And Product Gallery Carousel

Chapter 8: Yoast SEO

Lecture 1: Add Yoast SEO support for Pages

Lecture 2: Add JSON+LD Yoast Schema

Chapter 9: Creating Blogs and Posts

Lecture 1: Add NProgress – A progress bar for route change.

Lecture 2: Create a Blog Page

Lecture 3: Create Single Post Page

Lecture 4: Add Gutenberg Blocks Style Support

Lecture 5: Display Posts On A Blog Page

Lecture 6: Create Blog Pagination

Lecture 7: Create Pagination Pages

Lecture 8: Create a 404 Page

Lecture 9: Create a Single Page

Lecture 10: Displaying the content for Single Page

Chapter 10: Post Comments

Lecture 1: REST API Endpoint for Creating and Getting Post Comment

Lecture 2: Display Post Comments

Lecture 3: Creating A Comment Form

Lecture 4: Create a Comment Form Part 2