ShopFront – Next.js Commerce Storefront

ShopFront is a fast, accessible storefront you can point at Shopify, WooCommerce or your own API through a single adapter file.

Key features

• Faceted product listing with URL-driven filters
• Product pages with variant pickers and image zoom
• Slide-over cart and multi-step checkout UI
• Customer account, orders and addresses
• Adapters for WooCommerce REST and a mock API

Tech stack

• Next.js 15
• Tailwind CSS
• TanStack Query

Requirements

• Node.js 18+
• A commerce backend (adapter included for WooCommerce)

Installation

1. Run npm install.
2. Configure the adapter in lib/commerce/config.ts.
3. Run npm run dev.

What's included

• Full source code with comments
• Step-by-step documentation
• Demo data and seed scripts where applicable
• 6 months of author support and all future updates