git404hub

what is commerce fr?

vercel/commerce — explained in plain English

Analysis updated 2026-06-24

14,037TypeScriptAudience · vibe coderComplexity · 3/5Setup · moderate

tl;dr

A ready-to-deploy Next.js online store template by Vercel that connects to Shopify for products, cart, and checkout, launch a fast, modern storefront with a single click.

vibe map

mindmap
  root((commerce))
    What it does
      Online storefront
      Shopify connected
      One-click deploy
    Tech stack
      Next.js React
      TypeScript
      Vercel hosting
    Front-end features
      Product browsing
      Shopping cart
      Checkout handoff
    Provider forks
      BigCommerce
      Medusa
      Saleor

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

what do people make with this?

VIBE 1

Launch a Shopify-backed online store with a fast, modern front-end without coding it from scratch

VIBE 2

Deploy a product catalog and shopping cart site to Vercel with the one-click deploy button in the README

VIBE 3

Customize the storefront design while keeping Shopify to manage inventory, orders, and payments

VIBE 4

Use as a starting point and swap in BigCommerce, Medusa, or another commerce backend

what's the stack?

TypeScriptNext.jsReactShopify

how it stacks up fr

vercel/commercestreetwriters/notesnookplouc/nivo
Stars14,03714,03814,026
LanguageTypeScriptTypeScriptTypeScript
Setup difficultymoderatemoderateeasy
Complexity3/53/52/5
Audiencevibe codergeneraldeveloper

Figures from each repo's GitHub metadata at analysis time.

how do i run it?

Difficulty · moderate time til it works · 30min

Requires an active Shopify account for product catalog and payment processing, the template handles only the customer-facing storefront.

Check the repository for specific license terms.

in plain english

Next.js Commerce is a ready-to-deploy online store template built by Vercel. It is designed as a starting point for building a fast, modern storefront that connects to a backend commerce platform to manage products, carts, and checkout. The officially maintained version connects to Shopify as the backend. You set up a Shopify account to hold your product catalog and payment processing, and this template provides the customer-facing website that communicates with it. The template is written in TypeScript using Next.js, a framework for building websites with React. It uses newer patterns from that framework to load data on the server before sending pages to the browser, which keeps the storefront fast. Several other commerce providers have created their own forks of this template adapted to their platforms, including BigCommerce, Medusa, Saleor, Shopware, Wix, and others. Each is a separate repository maintained by those providers. There are also optional integrations listed for upgrading the search experience or adding a visual content editor. To run the template yourself you need a Shopify store, a Vercel account, and the Vercel command-line tool installed. The setup process links your local copy to Vercel to pull down the necessary configuration values, then you install dependencies and start the development server. A one-click deploy button in the README lets you deploy directly from GitHub to Vercel without local setup. The template does not include its own payment processing or product management. Those responsibilities belong to Shopify. The template handles only the front-end: browsing products, viewing details, managing a cart, and handing off to checkout.

prompts (copy fr)

prompt 1
I have a Shopify store and want to use the Next.js Commerce template. Walk me through connecting it to my Shopify account and deploying to Vercel.
prompt 2
How do I customize the product listing page in the Vercel Commerce template? Show me which file to edit and what to change.
prompt 3
What environment variables do I need to set for Next.js Commerce with Shopify, and where do I put them in Vercel?
prompt 4
I want to use Next.js Commerce with a backend other than Shopify. Which providers have official forks and how do I switch?

Frequently asked questions

what is commerce fr?

A ready-to-deploy Next.js online store template by Vercel that connects to Shopify for products, cart, and checkout, launch a fast, modern storefront with a single click.

What language is commerce written in?

Mainly TypeScript. The stack also includes TypeScript, Next.js, React.

What license does commerce use?

Check the repository for specific license terms.

How hard is commerce to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is commerce for?

Mainly vibe coder.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.