2023-04-17 23:00:47 -04:00
[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fvercel%2Fcommerce& project-name=commerce& repo-name=commerce& demo-title=Next.js%20Commerce& demo-url=https%3A%2F%2Fdemo.vercel.store& demo-image=https%3A%2F%2Fbigcommerce-demo-asset-ksvtgfvnd.vercel.app%2Fbigcommerce.png& env=SHOPIFY_STOREFRONT_ACCESS_TOKEN,SHOPIFY_STORE_DOMAIN,SHOPIFY_REVALIDATION_TOKEN)
2020-10-27 08:39:43 -03:00
2020-10-24 19:18:13 -03:00
# Next.js Commerce
2020-10-27 08:39:43 -03:00
2023-04-17 23:00:47 -04:00
Next.js 13 and App Router-ready ecommerce template, built with Shopify and Tailwind CSS.
2020-10-26 18:54:26 -03:00
2023-04-17 23:00:47 -04:00
We will be shortly updating the demo at [demo.vercel.store ](https://demo.vercel.store/ ) with this new version.
2020-10-26 18:54:26 -03:00
2023-04-17 23:00:47 -04:00
Looking for Next.js Commerce v1? [View the release notes ](https://github.com/vercel/commerce/releases/tag/v1 ).
2022-04-19 19:19:41 +01:00
2021-01-09 12:49:11 -03:00
## Features
2020-10-27 08:39:43 -03:00
2023-04-17 23:00:47 -04:00
- Next.js App Router
- Optimized for SEO
- Styling with Tailwind CSS
- Checkout/Cart with Shopify
- Themeing with System (Light/Dark Mode) Support
2021-06-15 20:23:17 -03:00
2023-04-17 23:00:47 -04:00
## Running Locally
2020-10-31 14:34:34 -07:00
1. Install Vercel CLI: `npm i -g vercel`
2. Link local instance with Vercel and Github accounts (creates .vercel file): `vercel link`
3. Download your environment variables: `vercel env pull .env.local`
2022-03-01 23:50:32 +00:00
```bash
2023-04-17 23:00:47 -04:00
pnpm install
pnpm dev
2022-03-01 23:50:32 +00:00
```
2022-03-08 23:24:23 -05:00
2023-04-17 23:00:47 -04:00
Your app should now be running on [localhost:3000 ](http://localhost:3000/ ).