---
title: Introduction
description: Learn about the Vercel Shop template and what it offers.
type: overview
---

# Introduction



Vercel Shop gives you a production-ready Shopify storefront built with Next.js. Connect Shopify, run the storefront, then adapt it to your business with your team or a coding agent.

The template keeps pages fast while reflecting product and collection changes from Shopify. It uses Shopify's supported Next.js integration for storefront data and customer accounts, and includes documented conventions that help agents make consistent changes.

Start with [Getting Started](/docs/getting-started). For the design goals behind the template, read [Why Use This](/docs/why-use-this).

<Cards>
  <Card title="Getting Started" href="/docs/getting-started">
    Set up Shopify, create a project, and run the storefront locally.
  </Card>

  <Card title="Extending with Agents" href="/docs/getting-started/extending-with-agents">
    Extend and customize the storefront with Claude Code or Cursor.
  </Card>

  <Card title="Why Use This" href="/docs/why-use-this">
    Why we built Vercel Shop as an agent-first Shopify starter.
  </Card>
</Cards>


---

For a semantic overview of all documentation, see [/sitemap.md](/sitemap.md)

For an index of all available documentation, see [/llms.txt](/llms.txt)

For agent-facing discovery, including API and MCP surfaces, see [/agents.md](/agents.md)