mirror of https://github.com/vercel/commerce.git synced 2025-04-29 06:17:50 +00:00

Go to file

Alex 83856a4941 Squashed commit of the following:

commit 408d6eb7583470eb84fd0e85895f97dad864b981
Author: Alex <alex.hawley@vercel.com>
Date:   Wed Sep 4 21:28:45 2024 -0500

    added content

commit af62089872de543c8f741c3092f431a8b790feec
Author: Alex <alex.hawley@vercel.com>
Date:   Wed Sep 4 20:43:02 2024 -0500

    fixed product recommendations

commit 5c921be7b1eab4ea3b4acc922d2bde842bb0c5c8
Author: Alex <alex.hawley@vercel.com>
Date:   Wed Sep 4 20:33:28 2024 -0500

    fixed cart total

commit 63e150e822ab0b4f7690221ee5d1eafaaf5f930a
Author: Alex <alex.hawley@vercel.com>
Date:   Wed Sep 4 20:14:47 2024 -0500

    fixed update cart

commit 85bd6bee403e19c7b3f66c0d6e938a8432cee62b
Author: Alex <alex.hawley@vercel.com>
Date:   Wed Sep 4 19:00:42 2024 -0500

    remove unnecessary cookie usage from sfcc calls

commit 2401bed81143508993fdd403d9d5a419ac8904e5
Author: Alex <alex.hawley@vercel.com>
Date:   Wed Sep 4 18:55:39 2024 -0500

    fixed issue with broken getCart

commit f8cc8c3c3c1c64d7cf4b69a60ed87497ad626e65
Author: Alex <alex.hawley@vercel.com>
Date:   Wed Sep 4 18:23:03 2024 -0500

    updated lib/sfcc for guest tokens

commit bd6129e3ca15125c87c8186e9ff27d835fb2f683
Author: Alex <alex.hawley@vercel.com>
Date:   Wed Sep 4 15:19:40 2024 -0500

    added now required channel_id

commit eeb805fd11219d8512c1cadefe047019d63d4b60
Author: Alex <alex.hawley@vercel.com>
Date:   Tue Sep 3 17:43:27 2024 -0500

    split out scapi

commit e4f3bb1c827137245367152c1ff0401db76e7082
Author: Alex <alex.hawley@vercel.com>
Date:   Tue Sep 3 16:55:11 2024 -0500

    carried over sfcc work

commit 2616869f56f330f44ad3dfff9ad488eaaf1dbe51
Author: Alex <alex.hawley@vercel.com>
Date:   Thu Aug 22 15:03:30 2024 -0400

    initial sfcc work

2024-09-04 21:47:12 -05:00

.vscode

Prepare for using PPR (#1236 )

2024-04-17 21:54:09 -05:00

app

Squashed commit of the following:

2024-09-04 21:47:12 -05:00

components

Squashed commit of the following:

2024-09-04 21:47:12 -05:00

fonts

Converts to Opengraph Image file convention. (#1043 )

2023-06-07 20:57:31 -05:00

lib

Squashed commit of the following:

2024-09-04 21:47:12 -05:00

.env.example

Squashed commit of the following:

2024-09-04 21:47:12 -05:00

.gitignore

Next.js Commerce refresh. (#966 )

2023-04-17 22:00:47 -05:00

license.md

Next.js Commerce refresh. (#966 )

2023-04-17 22:00:47 -05:00

next.config.js

Squashed commit of the following:

2024-09-04 21:47:12 -05:00

package.json

Squashed commit of the following:

2024-09-04 21:47:12 -05:00

pnpm-lock.yaml

Squashed commit of the following:

2024-09-04 21:47:12 -05:00

postcss.config.js

Next.js Commerce refresh. (#966 )

2023-04-17 22:00:47 -05:00

prettier.config.js

Improves form submissions and updates dependencies (#1209 )

2023-10-10 21:45:55 -05:00

README.md

README: added React Bricks integration (#1367 )

2024-08-07 17:38:07 -05:00

tailwind.config.js

Upgrade to Next.js 14 (#1224 )

2023-10-27 14:11:18 -05:00

tsconfig.json

Make image, variant, and cart updates faster with useOptimistic (#1365 )

2024-07-28 22:58:59 -05:00

README.md

Next.js Commerce

A high-perfomance, server-rendered Next.js App Router ecommerce application.

This template uses React Server Components, Server Actions, Suspense, useOptimistic, and more.

Note: Looking for Next.js Commerce v1? View the code, demo, and release notes.

Providers

Vercel will only be actively maintaining a Shopify version as outlined in our vision and strategy for Next.js Commerce.

Vercel is happy to partner and work with any commerce provider to help them get a similar template up and running and listed below. Alternative providers should be able to fork this repository and swap out the lib/shopify file with their own implementation while leaving the rest of the template mostly unchanged.

Shopify (this repository)
BigCommerce (Demo)
Ecwid by Lightspeed (Demo)
Medusa (Demo)
Saleor (Demo)
Shopware (Demo)
Swell (Demo)
Umbraco (Demo)
Wix (Demo)

Note: Providers, if you are looking to use similar products for your demo, you can download these assets.

Integrations

Integrations enable upgraded or additional functionality for Next.js Commerce

Orama (Demo)
- Upgrades search to include typeahead with dynamic re-rendering, vector-based similarity search, and JS-based configuration.
- Search runs entirely in the browser for smaller catalogs or on a CDN for larger.
React Bricks (Demo)
- Edit pages, product details, and footer content visually using React Bricks visual headless CMS.

Running locally

You will need to use the environment variables defined in .env.example to run Next.js Commerce. It's recommended you use Vercel Environment Variables for this, but a .env file is all that is necessary.

Note: You should not commit your .env file or it will expose secrets that will allow others to control your Shopify store.

Install Vercel CLI: npm i -g vercel
Link local instance with Vercel and GitHub accounts (creates .vercel directory): vercel link
Download your environment variables: vercel env pull

pnpm install
pnpm dev

Your app should now be running on localhost:3000.

Expand if you work at Vercel and want to run locally and / or contribute

Run vc link.
Select the Vercel Solutions scope.
Connect to the existing commerce-shopify project.
Run vc env pull to get environment variables.
Run pnpm dev to ensure everything is working correctly.

Vercel, Next.js Commerce, and Shopify Integration Guide

You can use this comprehensive integration guide with step-by-step instructions on how to configure Shopify as a headless CMS using Next.js Commerce as your headless Shopify storefront on Vercel.