{"repo":"w3bdesign/nextjs-woocommerce","free":true,"listed":false,"github":"https://github.com/w3bdesign/nextjs-woocommerce","clone":"git clone https://github.com/w3bdesign/nextjs-woocommerce.git","description":"🔥 Next.js (React) headless eCommerce site with Typescript, WordPress (WooCommerce) backend and Algolia search","language":"TypeScript","stars":608,"topics":["nextjs","react","woocommerce-api","woocommerce","graphql","ecommerce-site","wp-graphql","algolia-search","algolia","styled-components"],"license":"AGPL-3.0","category":"ecommerce","readme_excerpt":"Next.js Ecommerce site with WooCommerce backend Live URL: Table Of Contents (TOC) - Installation - Features - Design System - Lighthouse Performance Monitoring - Security - Issues - Troubleshooting - TODO - Future Improvements Installation 1. Install and activate the following required plugins, in your WordPress plugin directory: - woocommerce Ecommerce for WordPress. - wp-graphql Exposes GraphQL for WordPress. - wp-graphql-woocommerce Adds WooCommerce functionality to a WPGraphQL schema. - wp-algolia-woo-indexer WordPress plugin coded by me. Sends WooCommerce products to Algolia. Required for search to work. Optional plugin: - headless-wordpress Disables the frontend so only the backend is accessible. (optional) The current release has been tested and is confirmed working with the following versions: - WordPress version 7.0.2 - WooCommerce version 10.9.4 - WP GraphQL version 2.18.0 - WooGraphQL version 1.0.3 - WPGraphQL CORS version 2.1 2. For debugging and testing, install either: (Firefox) (Chrome) 3. Make sure WooCommerce has some products already 4. Clone or fork the repo and modify .env.example and rename it to .env Then set the environment variables accordingly in Vercel or your preferred hosting solution. See 5. Modify the values according to your setup 6. Start the server with pnpm run dev 7. Enable COD (Cash On Demand) payment method in WooCommerce 8. Add a product to the cart 9. Proceed to checkout (Gå til kasse) 10. Fill in your details and place the order Feature","default_branch":null,"files":null,"tree":[],"storefront":"/r/w3bdesign","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/w3bdesign/nextjs-woocommerce/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}