Advanced NextJS WooCommerce REST API, TailwindCSS - Part-2

Use the React Context API to pass cart data to a global store via a provider. It syncs to local storage on the client for persistence.

Learn to wire add-to-cart with loading state, update a global cart via context, compute total quantity and price, persist to local storage, and reveal a view cart button.

Pull the cart value from React context to display the total quantity in the header and update it in real time as items are added, linking to the cart.

learn to add google fonts to tailwindcss using the google font helper, download locally into a fonts folder, configure fontFamily, and apply with font-lato and font-lato-bold.

Learn typography and theme styling with TailwindCSS for a NextJS WooCommerce REST API project. Set brand colors, fonts, sizes, spacing, line height, and reusable global typography classes across breakpoints.

Build the cart page using the WooCommerce REST API, displaying added items with image, title, description, and price; manage quantity, delete items, and clear the cart.

Display cart items in checkout and render your order components, then add payment methods such as direct bank transfer, PayPal, Stripe, and JC payment gateway, with order processing state.

Create a dynamic Next.js single product page with getStaticPaths and getStaticProps from the WooCommerce Rest API, and render a React Image Gallery carousel.

create a blog page in the advanced nextjs WooCommerce theme, listing posts at /blog with dynamic post pages via get static props/paths, fetching data from a WordPress rest api.

Create a single post page by fetching post data from WordPress REST API, generating paths using get static paths, and enabling blocking fallback for on-demand post rendering.

Build a blog page that lists posts fetched from a rest API, displaying nine items with a header and footer. Implement a reusable post component and prepare for pagination.

Create a custom 404 page in Next.js using the shared layout with header and footer, via get static props, plus a back-to-home link and image.

Implement dynamic single-page content by enabling Gutenberg styles, adding featured images and a persistent blog page, and refactoring menus to use front-end URLs with path-name extraction and caching.

Explore creating and retrieving post comments using WordPress REST API endpoints, implementing get and post requests in a decoupled Next.js WooCommerce theme.

Continue building the comment form for the advanced react WooCommerce theme, implementing handle change, input and error components, and a validated submit flow with a loading state via Rest API.