Recepxx34486
928b41be83
Update README.md
...
[](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=COMPANY_NAME,SHOPIFY_REVALIDATION_SECRET,SHOPIFY_STORE_DOMAIN,SHOPIFY_STOREFRONT_ACCESS_TOKEN,SITE_NAME,TWITTER_CREATOR,TWITTER_SITE )
# Next.js Commerce
A high-performance, server-rendered Next.js App Router ecommerce application.
This template uses React Server Components, Server Actions, `Suspense`, `useOptimistic`, and more.
<h3 id="v1-note"></h3>
> Note: Looking for Next.js Commerce v1? View the [code](https://github.com/vercel/commerce/tree/v1 ), [save](https://commerce-v1.vercel.store ), and [release notes](https://github.com/vercel/commerce/releases/tag/v1 ).

## Providers
Vercel will only be actively maintaining a Shopify version [as outlined in our vision and strategy for Next.js Commerce](https://github.com/vercel/commerce/pull/966 ).
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](https://github.com/bigcommerce/nextjs-commerce ) ([save](https://next-commerce-v2.vercel.app/ ))
- [Ecwid by Lightspeed](https://github.com/Ecwid/ecwid-nextjs-commerce/ ) ([Demo](https://ecwid-nextjs-commerce.vercel.app/ ))
- [Medusa](https://github.com/medusajs/vercel-commerce ) ([Demo](https://medusa-nextjs-commerce.vercel.app/ ))
- [Saleor](https://github.com/saleor/nextjs-commerce ) ([Demo](https://saleor-commerce.vercel.app/ ))
- [Shopware](https://github.com/shopwareLabs/vercel-commerce ) ([Demo](https://shopware-vercel-commerce-react.vercel.app/ ))
- [Swell](https://github.com/swellstores/verswell-commerce ) ([Demo](https://verswell-commerce.vercel.app/ ))
- [Umbraco](https://github.com/umbraco/Umbraco.VercelCommerce.Demo ) ([Demo](https://vercel-commerce-demo.umbraco.com/ ))
- [Wix](https://github.com/wix/nextjs-commerce ) ([Demo](https://wix-nextjs-commerce.vercel.app/ ))
> Note: Providers, if you are looking to use similar products for your demo, you can [download these assets](https://drive.google.com/file/d/1q_bKerjrwZgHwCw0ovfUMW6He9VtepO_/view?usp=sharing ).
## Integrations
Integrations enable upgraded or additional functionality for Next.js Commerce
- [Orama](https://github.com/oramasearch/nextjs-commerce ) ([Demo](https://vercel-commerce.oramasearch.com/ ))
- 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](https://github.com/ReactBricks/nextjs-commerce-rb ) ([Demo](https://nextjs-commerce.reactbricks.com/ ))
- Edit pages, product details, and footer content visually using [React Bricks](https://www.reactbricks.com ) visual headless CMS.
## Running locally
You will need to use the environment variables [defined in `.env.example`](.env.example) to run Next.js Commerce. It's recommended you use [Vercel Environment Variables](https://vercel.com/docs/concepts/projects/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.
1. Install Vercel CLI: `npm i -g vercel`
2. Link local instance with Vercel and GitHub accounts (creates `.vercel` directory): `vercel link`
3. Download your environment variables: `vercel env pull`
```bash
pnpm install
pnpm dev
```
Your app should now be running on [localhost:3000](http://localhost:3000/ ).
<details>
<summary>Expand if you work at Vercel and want to run locally and / or contribute</summary>
1. Run `vc link`.
1. Select the `Vercel Solutions` scope.
1. Connect to the existing `commerce-shopify` project.
1. Run `vc env pull` to get environment variables.
1. Run `pnpm dev` to ensure everything is working correctly.
</details>
## Vercel, Next.js Commerce, and Shopify Integration Guide
You can use this comprehensive [integration guide](https://vercel.com/docs/integrations/ecommerce/shopify ) 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.
2024-10-23 05:56:25 +03:00
Omkar Kulkarni
ce004c05fa
Update tailwind.config.ts ( #1388 )
2024-10-18 13:13:08 -05:00
조계진
b7e9e1c7e3
Refactor <Prose> component ( #1352 )
2024-10-15 22:28:58 -05:00
Matthew Petrie
cb99695b72
Correct default cart tax currency ( #1260 )
2024-10-15 22:28:35 -05:00
Igor Shevchenko
815bea2c1a
chore: update readme ( #1381 )
2024-10-15 22:24:13 -05:00
Lee Robinson
64ca2ac790
Update to 15 RC 2
2024-10-15 22:07:55 -05:00
Lee Robinson
694c5c17ba
Move to next/form
( #1369 )
2024-08-13 13:33:05 -05:00
Matteo Frana
556aa77649
README: added React Bricks integration ( #1367 )
2024-08-07 17:38:07 -05:00
Lee Robinson
84224f8d7e
Fix bug with disabled state
2024-07-29 14:22:06 -05:00
Lee Robinson
94b85fca6f
Update README
2024-07-28 23:28:35 -05:00
Lee Robinson
37cb5e38da
Small cleanup.
2024-07-28 23:26:03 -05:00
Lee Robinson
9a4c995bb6
Make image, variant, and cart updates faster with useOptimistic
( #1365 )
2024-07-28 22:58:59 -05:00
Lee Robinson
dd7449f975
Make deleting optimistic too.
2024-07-25 17:23:22 -05:00
Lee Robinson
cea56f608b
Fix bugs with optimistic.
2024-07-25 17:15:50 -05:00
Lee Robinson
0ebf071826
Optimistic cart ( #1364 )
2024-07-25 13:56:53 -05:00
Vincent Voyer
d7a4f3dc46
feat(design): Show carousel above the fold on desktop ( #1363 )
...
* feat(design): Show carousel above the fold on desktop
Before this commit, we would not see the carousel without scrolling. The top
images are so big that take most of the space. This made the website looked a
bit weird, thus I am proposing this change.
* uneeded
2024-07-25 11:24:49 -05:00
Lee Robinson
ec21369389
Update dependencies. ( #1361 )
2024-07-24 14:05:34 -05:00
Harry Buisman
7c1b34abdb
Remove any type and make removeEdgesAndNodes generic ( #1353 )
2024-07-14 12:20:15 -05:00
JustinApt
7fd9ad8a8c
Update README.md ( #1339 )
...
The current URL to the Shopify Integration Guide is http://vercel.com/docs/integrations/shopify , which redirects to https://vercel.com/docs/integrations/cms/shopify and shows a 404. The correct URL that holds the same content now seems to be on https://vercel.com/docs/integrations/ecommerce/shopify , which is updated in this commit.
2024-05-26 17:17:37 -05:00
Ilnur Basyrov
42d5d8efcf
Adds Ecwid by Lightspeed to providers section ( #1304 )
...
Co-authored-by: Michael Novotny <manovotny@gmail.com>
2024-05-07 09:31:40 -04:00
Elbert Corniell
a5de9173e8
fix: disabled button classes when selectedVariantId is defined are not being set ( #1333 )
2024-05-04 14:27:59 -05:00
Lee Robinson
887d437795
Prepare for using PPR ( #1236 )
2024-04-17 21:54:09 -05:00
Lee Robinson
610b0e8692
Remove stray revalidate
2024-03-31 08:50:39 -05:00
Lee Robinson
25ddc5e643
Update dependencies. ( #1314 )
2024-03-26 16:15:01 -05:00
Alberto Benatti
3a18f9a098
Update next.js version to 14 inside README.md ( #1243 )
2023-11-15 08:48:11 -06:00
Benedikt Jónsson
2fe1527bea
Use GitHub actions concurrency to cancel in progress workflows on PRs ( #1232 )
2023-11-10 13:46:08 -06:00
Lee Robinson
2448f5201c
Upgrade to Next.js 14 ( #1224 )
2023-10-27 14:11:18 -05:00
Michele Riva
80e48001d9
docs: adds Orama integration into the readme file ( #1221 )
2023-10-26 21:17:58 -05:00
Lee Robinson
1f47796529
Improves form submissions and updates dependencies ( #1209 )
2023-10-10 21:45:55 -05:00
dependabot[bot]
ece49c4265
Bump styfle/cancel-workflow-action from 0.11.0 to 0.12.0 ( #1217 )
2023-10-10 21:31:00 -05:00
Tucker Massad
2035fa0431
Fixes pnpm typo in README ( #1215 )
2023-10-06 09:28:14 -05:00
Michael Novotny
5cb1245432
Adds environment variable validation ( #1198 )
...
* Adds environment variable validation
* Adds bracket checking in SHOPIFY_STORE_DOMAIN
* Prettier
* Adds link
---------
Co-authored-by: Lee Robinson <lrobinson2011@gmail.com>
2023-10-02 10:18:56 -05:00
Michael Novotny
d9f875b539
Removes unnecessary search state ( #1201 )
2023-09-18 15:25:03 -05:00
Netanel Gilad
b0f6e94fba
Adds Wix provider ( #1195 )
2023-09-18 09:56:16 -05:00
dependabot[bot]
d8703e8140
Bump actions/checkout from 3 to 4 ( #1188 )
2023-09-04 11:41:34 -05:00
Matt Brailsford
18167d22f3
Adds Umbraco provider ( #1170 )
2023-08-23 10:48:48 -05:00
Michael Novotny
4993fca356
Fixes squished footer ( #1184 )
2023-08-23 10:00:31 -05:00
Michael Novotny
e9643a546e
Adds download link for product assets ( #1179 )
2023-08-19 11:01:10 -05:00
Michael Novotny
6a153b627c
Replaces README configuration guide with Vercel and Shopify integration guide ( #1174 )
2023-08-14 16:14:37 -05:00
Michael Novotny
528ad9b8ce
Adds better error messages and environment variable fault tolerance ( #1172 )
...
* Adds better error messages and environment variable fault tolerance
* No hidden undefined
2023-08-11 20:19:49 -05:00
Michael Novotny
fc92f70c00
Fixes accessibility issue with home page link ( #1171 )
2023-08-11 08:54:04 -05:00
Björn Meyer
e8c0ee04fc
Adds Shopware provider ( #1156 )
2023-08-09 08:33:15 -05:00
Rein van Haaren
ec838fd4e6
Adds group hover on grid tile image + labels ( #1163 )
2023-08-08 16:12:51 -05:00
Michael Novotny
5f2348d89d
Adds redirect for /password
( #1162 )
2023-08-08 15:55:15 -05:00
Hugo Cardoso
74b5a25120
Fixes footer deploy button on mobile ( #1161 )
2023-08-08 15:00:43 -05:00
Michael Novotny
857a1df0f6
Changes product detail gallery thumbnails to always be square ( #1160 )
2023-08-08 10:19:23 -05:00
Michael Novotny
3f1a4f65ae
Fixes product detail spacing ( #1158 )
2023-08-08 10:05:38 -05:00
Michael Novotny
c6eb7a30f9
Changes variants to use router replace ( #1157 )
2023-08-08 10:00:08 -05:00
Lee Robinson
faa7491a55
Better error handling. ( #1150 )
2023-08-04 22:21:57 -05:00
Michael Novotny
c3f3936732
Changes footer source button to deploy button ( #1151 )
2023-08-04 20:19:52 -05:00