YoVDO

WooCommerce with React Next.js

Offered By: YouTube

Tags

Next.js Courses Web Development Courses WooCommerce Courses

Course Description

Overview

Dive into a comprehensive 9-hour tutorial series on building a WooCommerce store with React and Next.js. Learn to integrate WooCommerce REST API and GraphQL, create a responsive React-based WooCommerce theme, and implement essential e-commerce functionalities. Master techniques for adding products to cart, designing checkout pages, and integrating payment gateways. Explore serverless deployment, clean URL structures for single product pages, and context management in Next.js. Gain hands-on experience with WPGraphQL and wp-graphql-woocommerce plugins, Apollo Client integration, and Stripe payment processing. Customize cart and checkout pages, implement country and state selection, and create webhook endpoints for Stripe API integration. Perfect for developers looking to create modern, high-performance e-commerce solutions using WordPress, WooCommerce, and cutting-edge web technologies.

Syllabus

#1 WooCommerce and React | Next.js with WooCommerce | WooCommerce Store | WooCommerce REST API.
#2 WooCommerce with React | Next Js with WooCommerce | WooCommerce Store | WooCommerce REST API.
#3 WooCommerce React Theme | Next.js | Woo Commerce API Key | REST API | woocommerce-api npm.
#4 WooCommerce and React | Next.js with WooCommerce | WooCommerce Store | WooCommerce REST API.
#5 WooCommerce and React | woocommerce react js tutorial | WooCommerce Store | WooCommerce REST API.
#6 WooCommerce React Theme | Add GraphQL| Install WPGraphQL wp-graphql-woocommerce | Apollo Client.
#7 WooCommerce React Theme | WooCommerce graphql | WordPress | WooCommerce REST API | react js.
#8 WooCommerce React Theme | Next.js | Zeit Now Serverless | WooCommerce GraphQL | React js.
#9 WooCommerce React Theme | Next.js | Add Clean Url Single Product | Woocommerce GraphQL | React js.
#10 WooCommerce React Theme | Next.js | Single Product Page | Woocommerce GraphQL WordPress | React.
#11 WooCommerce and React | Create Context | Next.js | WooCommerce Store | WooCommerce GraphQL.
#12 WooCommerce and React | Add to Cart | Next.js | WooCommerce Store | WooCommerce GraphQL.
#13 WooCommerce and React | Add to Cart | Next.js | WooCommerce Store | WooCommerce GraphQL.
#14 WooCommerce and React | Add Cart Icon | Next.js | WooCommerce Store | WooCommerce GraphQL.
#15 WooCommerce and React | Update Cart | Next.js | WooCommerce Store | WooCommerce GraphQL.
#16 WooCommerce and React | Cart Page | Next.js | WooCommerce Store | WooCommerce GraphQL.
#17 WooCommerce and React | Cart Page | Next.js | WooCommerce Store | WooCommerce GraphQL.
#18 WooCommerce and React | Cart Page | Next.js | WooCommerce Store | WooCommerce GraphQL.
#19 WooCommerce and React | Cart Page | Next.js | WooCommerce Store | WooCommerce GraphQL.
#20 WooCommerce and React | Cart Page | Next.js | WooCommerce Store | WooCommerce GraphQL.
#21 WooCommerce and React | Category Query | Next.js | WooCommerce Store | WooCommerce GraphQL.
#22 WooCommerce and React | Categories Page | Next.js | WooCommerce Store | WooCommerce GraphQL.
#23 WooCommerce and React | Categories Page | Next.js | WooCommerce Store | WooCommerce GraphQL.
#24 WooCommerce and React | Category Page | Next.js | WooCommerce Store | WooCommerce GraphQL.
#25 WooCommerce and React | WP-GRAPHQL-WOOCOMMERCE v0.3.2 support | Next.js | Products | GraphQL.
Woocommerce Checkout Page Customization | react js | wpgraphql woocommerce | wp-graphql-woocommerce.
#27 WooCommerce and React | Add to Cart | Next.js | WooCommerce Store | WooCommerce GraphQL.
#28 WooCommerce and React | Cart Page | Next.js | WooCommerce Store | WooCommerce GraphQL.
#29 WooCommerce and React | Checkout Page | Next.js | WooCommerce Store | WooCommerce GraphQL.
#30 Woocommerce cart page customization| React js | wpgraphql woocommerce | wp-graphql-woocommerce.
WooCommerce Checkout Page Customization | react js | wpgraphql WooCommerce | wp-graphql-wooCommerce.
React WooCommerce Theme using Next.js and GraphQL | TailwindCSS | WPGraphQL | nextjs theme example.
#33 React WooCommerce Theme | Nextjs | Country and State Selection | Headless WooCommerce | Updates.
#34 Stripe Checkout with WooCommerce and Nextjs | next-stripe | React Stripe | Nextjs Headless.
#35 Stripe Checkout with Next.js | React WooCommerce Theme | @stripe/stripe-js | ynnoj/next-stripe.
#36 Create a Stripe Session in Next.js | Stripe Checkout Session Example | React WooCommerce Theme.
#37 Create a Webhook Endpoint - Stripe API | Triggering actions with webhooks | Nextjs WooCommerce.


Taught by

Imran Sayed - Codeytek Academy

Related Courses

Build a MERN application using Next.js
Coursera Project Network via Coursera
Build a Server Rendered Website with Next.js
Coursera Project Network via Coursera
Introduction to Server Side Rendering in React
Coursera Project Network via Coursera
React: Server-Side Rendering
LinkedIn Learning
Building Server-side Rendered React Apps for Beginners
Pluralsight