Woocommerce with Next.js
Introduction

Introduction

Metashop- Headless Shop Theme with Next.js and WordPress

Metashop is an advanced headless e-commerce theme built with Next.js, Tailwind CSS, and TypeScript, and backed by WordPress and WooCommerce. The theme offers a smooth and flexible user experience while providing developers with a customizable platform to build and publish online stores.

Project structure

The project is structured as a monorepo and includes the following packages:

  • site: main site built with Next.js and Tailwind CSS. You will deploy site
  • shopui: a package that provides a shop UI library, built using Tailwind CSS.
  • checkout-flow: a package that provides a shop checkout UI library, built using Tailwind CSS.
  • eslint-config-custom: eslint configurations (includes eslint-config-next and eslint-config-prettier)
  • tsconfig: tsconfig.jsons used throughout the monorepo