Udemy

Advanced NextJS WooCommerce REST API, TailwindCSS - Part-2

Enroll Now
  • 208 Students
  • Updated 10/2023
4.5
(14 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
8 Hour(s) 5 Minute(s)
Language
English
Taught by
Imran Sayed
Rating
4.5
(14 Ratings)

Course Overview

Advanced NextJS WooCommerce REST API, TailwindCSS - Part-2

Learn how to build a React WooCommerce Theme With Next.js and REST API

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 Content

  • 10 section(s)
  • 47 lecture(s)
  • Section 1 Introduction
  • Section 2 Add To Cart And View Cart
  • Section 3 Theme Styles and Typography
  • Section 4 Cart Page
  • Section 5 Checkout Page
  • Section 6 Stripe - Payment Integrations
  • Section 7 Single Product Page
  • Section 8 Yoast SEO
  • Section 9 Creating Blogs and Posts
  • Section 10 Post Comments

What You’ll 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.


Reviews

  • A
    Anna
    1.0

    Is the worst tutorial ever! The presented code is so bad written. The deployed example https://nextjs-woocommerce-restapi-virid.vercel.app/ doesnt work.

  • S
    Sai Kwan
    5.0

    Best

  • J
    Jelena Kocic
    4.5

    I was looking for something like this. Thank you.

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed