[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-3908":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":23,"hasPages":23,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":30,"readmeContent":31,"aiSummary":32,"trendingCount":16,"starSnapshotCount":16,"syncStatus":33,"lastSyncTime":34,"discoverSource":35},3908,"commerce","vercel\u002Fcommerce","vercel","Next.js Commerce","https:\u002F\u002Fdemo.vercel.store",null,"TypeScript",14075,5407,203,54,0,1,10,48,5,45,"MIT License",false,"main",[26,27,28,29],"ecommerce","nextjs","react","shopify","2026-06-12 02:00:56","[![Deploy with Vercel](https:\u002F\u002Fvercel.com\u002Fbutton)](https:\u002F\u002Fvercel.com\u002Fnew\u002Fclone?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)\n\n# Next.js Commerce\n\nA high-performance, server-rendered Next.js App Router ecommerce application.\n\nThis template uses React Server Components, Server Actions, `Suspense`, `useOptimistic`, and more.\n\n\u003Ch3 id=\"v1-note\">\u003C\u002Fh3>\n\n> Note: Looking for Next.js Commerce v1? View the [code](https:\u002F\u002Fgithub.com\u002Fvercel\u002Fcommerce\u002Ftree\u002Fv1), [demo](https:\u002F\u002Fcommerce-v1.vercel.store), and [release notes](https:\u002F\u002Fgithub.com\u002Fvercel\u002Fcommerce\u002Freleases\u002Ftag\u002Fv1).\n\n## Providers\n\nVercel will only be actively maintaining a Shopify version [as outlined in our vision and strategy for Next.js Commerce](https:\u002F\u002Fgithub.com\u002Fvercel\u002Fcommerce\u002Fpull\u002F966).\n\nVercel 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\u002Fshopify` file with their own implementation while leaving the rest of the template mostly unchanged.\n\n- Shopify (this repository)\n- [BigCommerce](https:\u002F\u002Fgithub.com\u002Fbigcommerce\u002Fnextjs-commerce) ([Demo](https:\u002F\u002Fnext-commerce-v2.vercel.app\u002F))\n- [Ecwid by Lightspeed](https:\u002F\u002Fgithub.com\u002FEcwid\u002Fecwid-nextjs-commerce\u002F) ([Demo](https:\u002F\u002Fecwid-nextjs-commerce.vercel.app\u002F))\n- [Geins](https:\u002F\u002Fgithub.com\u002Fgeins-io\u002Fvercel-nextjs-commerce) ([Demo](https:\u002F\u002Fgeins-nextjs-commerce-starter.vercel.app\u002F))\n- [Medusa](https:\u002F\u002Fgithub.com\u002Fmedusajs\u002Fvercel-commerce) ([Demo](https:\u002F\u002Fmedusa-nextjs-commerce.vercel.app\u002F))\n- [Prodigy Commerce](https:\u002F\u002Fgithub.com\u002Fprodigycommerce\u002Fnextjs-commerce) ([Demo](https:\u002F\u002Fprodigy-nextjs-commerce.vercel.app\u002F))\n- [Saleor](https:\u002F\u002Fgithub.com\u002Fsaleor\u002Fnextjs-commerce) ([Demo](https:\u002F\u002Fsaleor-commerce.vercel.app\u002F))\n- [Shopware](https:\u002F\u002Fgithub.com\u002FshopwareLabs\u002Fvercel-commerce) ([Demo](https:\u002F\u002Fshopware-vercel-commerce-react.vercel.app\u002F))\n- [Swell](https:\u002F\u002Fgithub.com\u002Fswellstores\u002Fverswell-commerce) ([Demo](https:\u002F\u002Fverswell-commerce.vercel.app\u002F))\n- [Umbraco](https:\u002F\u002Fgithub.com\u002Fumbraco\u002FUmbraco.VercelCommerce.Demo) ([Demo](https:\u002F\u002Fvercel-commerce-demo.umbraco.com\u002F))\n- [Wix](https:\u002F\u002Fgithub.com\u002Fwix\u002Fheadless-templates\u002Ftree\u002Fmain\u002Fnextjs\u002Fcommerce) ([Demo](https:\u002F\u002Fwix-nextjs-commerce.vercel.app\u002F))\n- [Fourthwall](https:\u002F\u002Fgithub.com\u002FFourthwallHQ\u002Fvercel-commerce) ([Demo](https:\u002F\u002Fvercel-storefront.fourthwall.app\u002F))\n\n> Note: Providers, if you are looking to use similar products for your demo, you can [download these assets](https:\u002F\u002Fdrive.google.com\u002Ffile\u002Fd\u002F1q_bKerjrwZgHwCw0ovfUMW6He9VtepO_\u002Fview?usp=sharing).\n\n## Integrations\n\nIntegrations enable upgraded or additional functionality for Next.js Commerce\n\n- [Orama](https:\u002F\u002Fgithub.com\u002Foramasearch\u002Fnextjs-commerce) ([Demo](https:\u002F\u002Fvercel-commerce.oramasearch.com\u002F))\n\n  - Upgrades search to include typeahead with dynamic re-rendering, vector-based similarity search, and JS-based configuration.\n  - Search runs entirely in the browser for smaller catalogs or on a CDN for larger.\n\n- [React Bricks](https:\u002F\u002Fgithub.com\u002FReactBricks\u002Fnextjs-commerce-rb) ([Demo](https:\u002F\u002Fnextjs-commerce.reactbricks.com\u002F))\n  - Edit pages, product details, and footer content visually using [React Bricks](https:\u002F\u002Fwww.reactbricks.com) visual headless CMS.\n\n## Running locally\n\nYou 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:\u002F\u002Fvercel.com\u002Fdocs\u002Fconcepts\u002Fprojects\u002Fenvironment-variables) for this, but a `.env` file is all that is necessary.\n\n> Note: You should not commit your `.env` file or it will expose secrets that will allow others to control your Shopify store.\n\n1. Install Vercel CLI: `npm i -g vercel`\n2. Link local instance with Vercel and GitHub accounts (creates `.vercel` directory): `vercel link`\n3. Download your environment variables: `vercel env pull`\n\n```bash\npnpm install\npnpm dev\n```\n\nYour app should now be running on [localhost:3000](http:\u002F\u002Flocalhost:3000\u002F).\n\n\u003Cdetails>\n  \u003Csummary>Expand if you work at Vercel and want to run locally and \u002F or contribute\u003C\u002Fsummary>\n\n1. Run `vc link`.\n1. Select the `Vercel Solutions` scope.\n1. Connect to the existing `commerce-shopify` project.\n1. Run `vc env pull` to get environment variables.\n1. Run `pnpm dev` to ensure everything is working correctly.\n\u003C\u002Fdetails>\n\n## Vercel, Next.js Commerce, and Shopify Integration Guide\n\nYou can use this comprehensive [integration guide](https:\u002F\u002Fvercel.com\u002Fdocs\u002Fintegrations\u002Fecommerce\u002Fshopify) 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.\n","Next.js Commerce 是一个高性能的、基于服务器渲染的电子商务应用模板。该项目利用了 React Server Components、Server Actions、`Suspense` 和 `useOptimistic` 等现代技术特性，以提供卓越的用户体验和SEO优化效果。它支持多种电商后端服务提供商，目前Vercel官方主要维护Shopify版本，但其他如BigCommerce等也有社区提供的兼容版本。此项目特别适合需要快速搭建具备良好性能表现及定制化能力在线商店的企业或个人开发者使用。",2,"2026-06-11 02:57:02","top_language"]