Next.js Commerce

​Next.js Commerce is an all-in-one React starter kit for high-performance e-commerce sites.

See the live demo: https://spree.vercel.app/​

Installation

  1. Clone the git repository:

    git clone [email protected]:spree/nextjs-commerce.git
  2. Copy the framework/spree/env.template file to .env.local in the main directory:

    cp framework/spree/.env.template .env.local
  3. Adjust the NEXT_PUBLIC_SPREE_CATEGORIES_TAXONOMY_PERMALINK and NEXT_PUBLIC_SPREE_BRANDS_TAXONOMY_PERMALINK environment variables inside .env.local:

    • They rely on taxonomies' permalink values set in Spree.

    • Go to the Spree admin panel and create Categories and Brands taxonomies if they don't exist. Copy their permalinks into .env.local in NextJS Commerce.

  4. Finally, run yarn dev .