This course teaches how to integrate WooCommerce with React Next.js, covering topics such as WooCommerce REST API integration, GraphQL, adding to cart, checkout, payment gateway, and serverless deployment. The course aims to equip learners with the skills to create a React WooCommerce theme, utilize GraphQL, customize the checkout page, and implement features like cart management and category queries. The teaching method includes hands-on projects, code examples, and practical demonstrations. This course is intended for web developers, particularly those interested in e-commerce development using React, Next.js, and WooCommerce.
Overview
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
-
Create an eCommerce Store with Next.js and Stripe Checkout
-
Full-Stack Serverless Applications with Next.js & Fauna
-
Ecommerce Product Management & Storefront with GraphCMS, Snipcart, & Next.js
-
React WooCommerce Theme With Nextjs and REST API - Headless WordPress WooCommerce
-
Build a MERN application using Next.js
-
Build a SaaS product with Next.js, Supabase and Stripe
