Welcome to Next Woo

(opens in a new tab) (opens in a new tab) (opens in a new tab) (opens in a new tab) (opens in a new tab)

Introduction

Next Woo is a headless eCommerce application with Next.js(React) and WooCommerce.

Live Site: https://next-woo.com (opens in a new tab)

Doc: https://doc.next-woo.com (opens in a new tab)

Getting Started

Install and activate the following WordPress plugins

• WooCommerce (opens in a new tab) An ecommerce toolkit that helps you sell anything.
• WPGraphQL (opens in a new tab) GraphQL API for WordPress.
• WooGraphQL (opens in a new tab) Add WooCommerce support and functionality to your WPGraphQL server.

Start Next Woo Server

1. Install dependencies.

   pnpm install
2. Run the development server.

   pnpm dev
3. Open http://localhost:3000 (opens in a new tab) with your browser to see the result.

Star History

(opens in a new tab)

Tech Stack

• Next.js 14.1.4 (App Router)
• WordPress (WooCommerce)
• graphql/graphql-request
• React 18
• TypeScript
• Tailwindcss
• next-sitemap
• Shadcn-ui
• Google analytics
• react-icons
• lucide-react