Advanced NextJS WooCommerce REST API, TailwindCSS Part-2

Advanced NextJS WooCommerce REST API, TailwindCSS – Part-2, available at $49.99, has an average rating of 4.8, with 47 lectures, based on 10 reviews, and has 172 subscribers.

You will learn about Building Nextjs Application Decoupled Application With WordPress And WooCommerce Building A Headless CMS WooCommerce REST API Add To Cart, View Cart, Checkout, Stripe Integration. This course is ideal for individuals who are Beginners, Intermediate, Advanced It is particularly useful for Beginners, Intermediate, Advanced.

Enroll now: Advanced NextJS WooCommerce REST API, TailwindCSS – Part-2

Summary

Title: Advanced NextJS WooCommerce REST API, TailwindCSS – Part-2

Price: $49.99

Average Rating: 4.8

Number of Lectures: 47

Number of Published Lectures: 47

Number of Curriculum Items: 47

Number of Published Curriculum Objects: 47

Original Price: $199.99

Quality Status: approved

Status: Live

What You Will Learn

Building Nextjs Application

Decoupled Application With WordPress And WooCommerce

Building A Headless CMS

WooCommerce REST API

Add To Cart, View Cart, Checkout, Stripe Integration.

Who Should Attend

Beginners, Intermediate, Advanced

Target Audiences

Beginners, Intermediate, Advanced

This is part two of the course “Advanced NextJS WooCommerce With REST API And TailwindCSS”
If you haven’t already please complete the previous part of the course first. It’s available under my courses.

What this course will cover:

How to create a react Application with next js framework.

This uses the WordPress REST API to pull the data and render on the front-end.

It uses the WooCommerce WordPress plugin.

We will learn:

Run a production build

Understanding Add to cart APIs

Writing functions for Add To Cart, View cart

Customizing Tailwind configuration

Using React Context API to store the cart data.

Add to Bag Features

Add To Cart

Get Cart

Update Cart.

Delete Cart

You will also learn how to add static Google Fonts with Tailwind CSS.

Creating cart page and displaying all the products with their title, description, product image etc.

Every developer has something to say about WordPress, and it’s not always flattering. Far from it. However, even its most avid detractors are forced to take notice of this feature, because it has already transformed the way we use the popular CMS.

WordPress REST API is a huge step forward for frontend developers looking to combine the power of JavaScript frameworks like React (or Vue.js) with WordPress.

This is exactly what I want to do today with this demo of the WordPress REST API in the work.
WordPress can now be used as a headless CMS with WooCommerce.

This offers a whole new world of possibilities for developers, as the frontend of WordPress doesn’t need to be “WordPress”—PHP-generated views. The ever-growing number of frontend frameworks can now be hooked up to a WordPress backend to develop websites and applications.

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

Instructors

Imran Sayed
Software Engineer

Rating Distribution

1 stars: 0 votes

2 stars: 0 votes

3 stars: 0 votes

4 stars: 3 votes

5 stars: 7 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!