<h2>Overview</h2>
<p>The Next.js Ecommerce site with WooCommerce backend is a web application that allows users to create an ecommerce website using Next.js and WooCommerce. It provides various features such as listing products, cart handling, checkout, Algolia search, responsiveness, and more. The application has been tested with specific versions of WordPress, WooCommerce, WP GraphQL, and WooGraphQL.</p>
<h2>Features</h2>
<ul>
<li>Next.js version 13.4.7 with React 18 and TypeScript</li>
<li>Integration with WooCommerce GraphQL API to list product name, price, and display image</li>
<li>Support for simple and variable products</li>
<li>Cart handling and checkout with WooCommerce (Cash On Delivery only)</li>
<li>Algolia search integration (requires algolia-woo-indexer)</li>
<li>Meets WCAG accessibility standards where possible</li>
<li>Placeholder for products without images</li>
<li>Apollo Client with GraphQL</li>
<li>React Hook Form for form validation</li>
<li>Animations with Framer Motion, Styled Components, and Animate.css</li>
<li>Loading spinner created with Styled Components</li>
<li>Shows page load progress with Nprogress during navigation</li>
<li>Fully responsive design</li>
<li>Category and product listings</li>
<li>Show stock status</li>
<li>Pretty URLs with built-in Next.js functionality</li>
</ul>


W3bdesign

Nextjs Woocommerce