38:I[939773,["/vc-ap-vercel-templates/_next/static/immutable/chunks/2v4s4eubso6ie.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/05p05zti_rn-6.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/03ei7k4u833lh.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2-c9-j3hbb6_5.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0ny310d9fke7v.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0zfr81hirqwyt.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2qnrr29u25u5t.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1icgfdp-j4khl.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3702j97f9tiud.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1d1c70gp_t7ak.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0cxf4qpb5soyw.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/15kid0fc4rbwi.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1w1qp7xynodi1.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0wjhue0-vo4p0.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1g66byldwxk9w.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3xtdbyzvu_spv.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1tpfwo4utcu8-.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2al5u4gvohhh-.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2pl22y-arv8ha.js"],"TrackedSuspenseFallbackMarker"] 39:I[57106,["/vc-ap-vercel-templates/_next/static/immutable/chunks/2v4s4eubso6ie.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/05p05zti_rn-6.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/03ei7k4u833lh.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2-c9-j3hbb6_5.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0ny310d9fke7v.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0zfr81hirqwyt.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2qnrr29u25u5t.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1icgfdp-j4khl.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3702j97f9tiud.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1d1c70gp_t7ak.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0cxf4qpb5soyw.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/15kid0fc4rbwi.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1w1qp7xynodi1.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0wjhue0-vo4p0.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1g66byldwxk9w.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3xtdbyzvu_spv.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1tpfwo4utcu8-.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2al5u4gvohhh-.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2pl22y-arv8ha.js"],"ButtonLink"] 3a:I[939773,["/vc-ap-vercel-templates/_next/static/immutable/chunks/2v4s4eubso6ie.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/05p05zti_rn-6.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/03ei7k4u833lh.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2-c9-j3hbb6_5.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0ny310d9fke7v.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0zfr81hirqwyt.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2qnrr29u25u5t.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1icgfdp-j4khl.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3702j97f9tiud.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1d1c70gp_t7ak.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0cxf4qpb5soyw.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/15kid0fc4rbwi.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1w1qp7xynodi1.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0wjhue0-vo4p0.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1g66byldwxk9w.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3xtdbyzvu_spv.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1tpfwo4utcu8-.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2al5u4gvohhh-.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2pl22y-arv8ha.js"],"TrackedSuspenseContentMarker"] 3b:I[382422,["/vc-ap-vercel-templates/_next/static/immutable/chunks/2v4s4eubso6ie.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/05p05zti_rn-6.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/03ei7k4u833lh.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2-c9-j3hbb6_5.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0ny310d9fke7v.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0zfr81hirqwyt.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2qnrr29u25u5t.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1icgfdp-j4khl.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3702j97f9tiud.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1d1c70gp_t7ak.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0cxf4qpb5soyw.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/15kid0fc4rbwi.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1w1qp7xynodi1.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0wjhue0-vo4p0.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1g66byldwxk9w.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3xtdbyzvu_spv.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1tpfwo4utcu8-.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2al5u4gvohhh-.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2pl22y-arv8ha.js"],"TemplateDetailsHeroButtonsClient"] 3c:T20bc,The ultimate starter for headless Shopify stores. ## Goals and Features - Ultra high performance - SEO optimized - Themable - Personalizable (internationalization, a/b testing, etc) - Builder.io Visual CMS integrated ## Video walkthrough Learn how to get started with this Builder + Next.js + Shopify starter with this [step by step video guide](https://www.youtube.com/watch?v=uIHqPu2t1O0). ## Table of contents - [Getting Started](#getting-started) - [1: Create an account for Builder.io](#1-create-an-account-for-builderio) - [2: Your Builder.io private key](#2-your-builderio-private-key) - [3: Clone this repository and initialize a Builder.io space](#3-clone-this-repository-and-initialize-a-builderio-space) - [4. Shopify private app](#4-shopify-private-app) - [5. Connecting Builder to Shopify](#5-connecting-builder-to-shopify) - [6. Configure the project to talk to Shopify](#6-configure-the-project-to-talk-to-shopify) - [7. Up and Running!](#7-up-and-running) - [Deploy](#deploy) ## Getting Started **Pre-requisites** This guide will assume that you have the following software installed: - nodejs (>=12.0.0) - npm - git You should already have a [Shopify](https://www.shopify.com/online-store) account and store created before starting as well. **Introduction** This starter kit is everything you need to get your own self hosted Next.js project powered by Builder.io for content and Shopify as an e-commerce back office. After following this guide you will have - A Next.js app, ready to deploy to a hosting provider of your choice - Pulling live collection and product information from Shopify - Powered by the Builder.io visual CMS ### 1: Create an account for Builder.io Before we start, head over to Builder.io and [create an account](https://builder.io/signup). ### 2: Your Builder.io private key Head over to your [organization settings page](https://builder.io/account/organization?root=true) and create a private key, copy the key for the next step. - Visit the [organization settings page](https://builder.io/account/organization?root=true), or select an organization from the list ![organizations drop down list](./docs/images/builder-io-organizations.png) - Click "Account" from the left hand sidebar - Click the edit icon for the "Private keys" row - Copy the value of the auto-generated key, or create a new one with a name that's meaningful to you ![Example of how to get your private key](./docs/images/private-key-flow.png) ### 3: Clone this repository and initialize a Builder.io space Next, we'll create a copy of the starter project, and create a new [space](https://www.builder.io/c/docs/spaces) for it's content to live in. In the example below, replace `` with the key you copied in the previous step, and change `` to something that's meaningful to you -- don't worry, you can change it later! ``` git clone https://github.com/BuilderIO/nextjs-shopify.git cd nextjs-shopify npm install --global "@builder.io/cli" builder create --key "" --name "" --debug ``` Note: if you're only interested in using this starter for a landing page with Shopify use this command instead: ``` builder create --key "" --name "" --input builder-landing-page-only --debug ``` If this was a success you should be greeted with a message that includes a public API key for your newly minted Builder.io space. *Note: This command will also publish some starter builder.io cms content from the ./builder directory to your new space when it's created.* ``` bash ____ _ _ _ _ _ _ | __ ) _ _ (_) | | __| | ___ _ __ (_) ___ ___ | | (_) | _ \ | | | | | | | | / _` | / _ \ | '__| | | / _ \ / __| | | | | | |_) | | |_| | | | | | | (_| | | __/ | | _ | | | (_) | | (__ | | | | |____/ \__,_| |_| |_| \__,_| \___| |_| (_) |_| \___/ \___| |_| |_| |████████████████████████████████████████| shopify-product | 0/0 |████████████████████████████████████████| product-page: writing generic-template.json | 1/1 |████████████████████████████████████████| shopify-collection | 0/0 |████████████████████████████████████████| collection-page: writing generic-collection.json | 1/1 |████████████████████████████████████████| page: writing homepage.json | 2/2 Your new space "next.js shopify starter" public API Key: 012345abcdef0123456789abcdef0123 ``` Copy the public API key ("012345abcdef0123456789abcdef0123" in the example above) for the next step. This starter project uses dotenv files to configure environment variables. Open the files [.env.development](./.env.development) and [.env.production](./.env.production) in your favorite text editor, and set the value of `BUILDER_PUBLIC_KEY` to the public key you just copied. You can ignore the other variables for now, we'll set them later. ```diff + BUILDER_PUBLIC_KEY=012345abcdef0123456789abcdef0123 - BUILDER_PUBLIC_KEY= SHOPIFY_STOREFRONT_API_TOKEN= SHOPIFY_STORE_DOMAIN= ``` ### 4. Shopify Custom App Create a [custom app](https://help.shopify.com/en/manual/apps/custom-apps) for your Shopify store. If you don't have a Shopify store already, you can create a [development store](https://help.shopify.com/en/partners/dashboard/managing-stores/development-stores). When creating the private app you'll have to set a number of permissions so that builder can retrieve your Shopify inventory. For this press on `Storefront API` in the configuration tab and choose all the following permissions: ![List of required permissions](https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F24ebad91e8774a7e814487432391f4c6) Then in the `API Credentials` tab, click `install`: ![installing custom app](https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffd00307e14ed40babe2d569d7a297e81) And copy the generated access token. ### 5. Connecting Builder to Shopify Access your newly created space by selecting it from the [list of spaces](https://builder.io/spaces?root=true) in your organization. You should be greeted by a modal asking for various your storefront Access toke (from preview step) and your store domain, this will allow Builder.io to communicate with your store API: ![Example of where the Shopify API keys map to Builder settings](https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F30b68ab3caf544ca92a06f073bb27b55) Fill in the required keys and press "Connect your Shopify Custom App"! ### 6. Configure the project to talk to Shopify Open up [.env.development](./.env.development) and [.env.production](./.env.production) again, but this time set the other two Shopify keys. ```diff BUILDER_PUBLIC_KEY=012345abcdef0123456789abcdef0123 + SHOPIFY_STOREFRONT_API_TOKEN=c11b4053408085753bd76a45806f80dd - SHOPIFY_STOREFRONT_API_TOKEN= + SHOPIFY_STORE_DOMAIN=dylanbuilder.myshopify.com - SHOPIFY_STORE_DOMAIN= ``` ### 7. Up and Running! The hard part is over, all you have to do is start up the project now. ```bash npm install npm run dev ``` This will start a server at `http://localhost:3000`. Go to your [new space settings](https://builder.io/account/space) and change the site url to your localhost `http://localhost:3000` for site editing. ### 8. Start building Now that we have everything setup, start building and publishing pages on builder.io, for a demo on building something similar to the [demo homepage](https://headless.builders), follow the steps in this [short video](https://www.loom.com/share/9b947acbbf714ee3ac6c319c130cdb85) 31:["$","$11",null,{"fallback":["$","$L38",null,{"boundaryId":"suspense-template-details-hero-buttons","name":"template-details-hero-buttons","hasExplicitName":true,"children":[["$","span",null,{"className":"rounded-[5px] after:animate-loading-skeleton block relative overflow-hidden invisible after:content-[\"\"] after:absolute after:inset-0 after:right-[-200%] after:bg-gradient-to-r after:from-[var(--ds-gray-100)] after:via-[var(--ds-gray-200)] after:to-[var(--ds-gray-100)] after:bg-[length:50%_100%] after:bg-[position:0_0] after:visible","data-geist-skeleton":"","data-testid":"legacy/skeleton","data-version":"v1","children":["$","$L39",null,{"href":"#","children":"Deploy"}]}],["$","span",null,{"className":"rounded-[5px] after:animate-loading-skeleton block relative overflow-hidden invisible after:content-[\"\"] after:absolute after:inset-0 after:right-[-200%] after:bg-gradient-to-r after:from-[var(--ds-gray-100)] after:via-[var(--ds-gray-200)] after:to-[var(--ds-gray-100)] after:bg-[length:50%_100%] after:bg-[position:0_0] after:visible","data-geist-skeleton":"","data-testid":"legacy/skeleton","data-version":"v1","children":["$","$L39",null,{"href":"#","children":"View Demo"}]}]]}],"children":["$","$L3a",null,{"boundaryId":"suspense-template-details-hero-buttons","name":"template-details-hero-buttons","hasExplicitName":true,"children":["$","$L3b",null,{"fields":{"name":"Ecommerce Template with Crystallize and Remix","slug":"ecommerce-crystalize-remix","order":15,"publisher":"Crystallize","thumbnail":{"metadata":{"tags":[],"concepts":[]},"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"e5382hct74si"}},"id":"1Pifbeel3gAM5CeLg8Ay0B","type":"Asset","createdAt":"2023-05-11T17:24:06.039Z","updatedAt":"2023-05-11T17:24:06.039Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":4,"revision":1,"locale":"en-US"},"fields":{"title":"Remix Crystallize Template","description":"","file":{"url":"//images.ctfassets.net/e5382hct74si/1Pifbeel3gAM5CeLg8Ay0B/3e728c6bf7cb01b7518e31e25cd7bb1b/Screenshot_2023-05-10_at_20.16.14_-_Veljko_Simakovic.png","details":{"size":445623,"image":{"width":1542,"height":878}},"fileName":"Screenshot 2023-05-10 at 20.16.14 - Veljko Simakovic.png","contentType":"image/png"}}},"description":"A fully-featured eCommerce boilerplate built using Remix and Crystallize with performance in mind.","framework":["Remix"],"type":["Ecommerce","CMS"],"css":["Tailwind"],"cms":["Crystallize"],"relatedTemplates":[{"metadata":{"tags":[],"concepts":[]},"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"e5382hct74si"}},"id":"Iin18N1Y352ItjqUtg1ri","type":"Entry","createdAt":"2022-03-09T03:46:24.926Z","updatedAt":"2026-01-04T04:42:00.658Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":121,"revision":55,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"templates"}},"locale":"en-US"},"fields":{"name":"Next.js Commerce","slug":"nextjs-commerce","githubUrl":"https://github.com/vercel/commerce","demoUrl":"https://demo.vercel.store/","order":5,"publisher":"▲ Vercel","thumbnail":{"metadata":{"tags":[],"concepts":[]},"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"e5382hct74si"}},"id":"1RzhtOHEvW7xyn9qAsdr5E","type":"Asset","createdAt":"2022-03-09T03:41:27.579Z","updatedAt":"2025-09-09T01:06:19.514Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":14,"revision":6,"locale":"en-US"},"fields":{"title":"Next.js Commerce Example","description":"Next.js Commerce Example","file":{"url":"//images.ctfassets.net/e5382hct74si/1RzhtOHEvW7xyn9qAsdr5E/85331c32482b7d022585c39ddb3ae9f2/CleanShot_2023-07-24_at_21.37.15_2x.png","details":{"size":960037,"image":{"width":2584,"height":1858}},"fileName":"CleanShot 2023-07-24 at 21.37.15@2x.png","contentType":"image/png"}}},"description":"Starter kit for high-performance commerce with Shopify.","metaTitle":"Next.js Commerce Templates & Starters for Shopify","framework":["Next.js"],"type":["Ecommerce"],"css":["Tailwind"],"relatedTemplates":[{"sys":{"type":"Link","linkType":"Entry","id":"7zzTfDiqij4la9ML7SvBpT"}},{"sys":{"type":"Link","linkType":"Entry","id":"4HG6Xwg1Bw7OGmPhxI4eW"}},{"sys":{"type":"Link","linkType":"Entry","id":"3xJf4AC0XVdUeKHxGOuoDx"}},{"sys":{"type":"Link","linkType":"Entry","id":"3ieUs6DY83BsaTOEcPl97W"}}],"requiredEnvs":["SHOPIFY_STOREFRONT_ACCESS_TOKEN","SHOPIFY_STORE_DOMAIN","TWITTER_CREATOR","TWITTER_SITE","SITE_NAME","SHOPIFY_REVALIDATION_SECRET","COMPANY_NAME"],"requiredEnvsDescription":"These values allow you to connect to your headless Shopify store.","requiredEnvsLink":"https://vercel.com/docs/integrations/shopify#configure-environment-variables"}},{"metadata":{"tags":[],"concepts":[]},"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"e5382hct74si"}},"id":"2fFBWoqjOOMlvQbSzcWTwO","type":"Entry","createdAt":"2025-05-19T15:50:34.809Z","updatedAt":"2025-06-02T20:11:00.329Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":34,"revision":2,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"templates"}},"locale":"en-US"},"fields":{"name":"Next.js + Salesforce Commerce Cloud","slug":"next-js-salesforce-commerce-cloud","publisher":"Vercel","thumbnail":{"metadata":{"tags":[],"concepts":[]},"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"e5382hct74si"}},"id":"7mk5JvZ2FgZ1gvA3KcFKC0","type":"Asset","createdAt":"2025-04-29T20:32:49.847Z","updatedAt":"2025-04-29T20:32:49.847Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":5,"revision":1,"locale":"en-US"},"fields":{"title":"Next.js Commerce + Salesforce Commerce Cloud Thumbnail","description":"","file":{"url":"//images.ctfassets.net/e5382hct74si/7mk5JvZ2FgZ1gvA3KcFKC0/90d408e8b328003d8845ba7edf7ece5e/CleanShot_2025-04-29_at_15.30.35_2x.png","details":{"size":637054,"image":{"width":2400,"height":1260}},"fileName":"CleanShot 2025-04-29 at 15.30.35@2x.png","contentType":"image/png"}}},"description":"Starter kit for high-performance commerce with Salesforce Commerce Cloud and Next.js.","framework":["Next.js"],"type":["Ecommerce"],"css":["Tailwind"],"relatedTemplates":["$31:props:children:props:children:props:fields:relatedTemplates:0",{"sys":{"type":"Link","linkType":"Entry","id":"5FtowvODKaS3ItjyNqrXEH"}},{"sys":{"type":"Link","linkType":"Entry","id":"4HG6Xwg1Bw7OGmPhxI4eW"}},{"sys":{"type":"Link","linkType":"Entry","id":"3xJf4AC0XVdUeKHxGOuoDx"}}],"githubUrl":"https://github.com/vercel-partner-solutions/nextjs-salesforce-commerce-cloud","demoUrl":"https://nextjs-salesforce-commerce-cloud.vercel.app","integrationsOptional":true,"requiredEnvs":["SFCC_CLIENT_ID","SFCC_ORGANIZATIONID","SFCC_SECRET","SFCC_SHORTCODE","SFCC_SITEID","SITE_NAME","SFCC_REVALIDATION_SECRET"]}},{"metadata":{"tags":[],"concepts":[]},"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"e5382hct74si"}},"id":"5r1PwMXYIROyTJnTPYxrXk","type":"Entry","createdAt":"2022-04-13T22:50:36.196Z","updatedAt":"2025-09-28T22:17:48.965Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":47,"revision":14,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"templates"}},"locale":"en-US"},"fields":{"name":"Builder.io Shopify Commerce","slug":"builderio-shopify-commerce-headless","order":21,"publisher":"Builder.io","thumbnail":{"metadata":{"tags":[],"concepts":[]},"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"e5382hct74si"}},"id":"3FMhIdD6HZyt3j8B1xzQWO","type":"Asset","createdAt":"2022-04-13T22:46:59.134Z","updatedAt":"2025-09-09T01:06:19.817Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":4,"revision":2,"locale":"en-US"},"fields":{"title":"Builder.io Template","description":"","file":{"url":"//images.ctfassets.net/e5382hct74si/3FMhIdD6HZyt3j8B1xzQWO/76b93a25a630fec9476cdb40112567e3/CleanShot_2022-04-13_at_17.46.00_2x.png","details":{"size":3340261,"image":{"width":3002,"height":1562}},"fileName":"CleanShot 2022-04-13 at 17.46.00@2x.png","contentType":"image/png"}}},"description":"Builder.io starter for Headless Shopify stores.","framework":["Next.js"],"type":["Ecommerce","CMS"],"css":["Tailwind"],"cms":["Builder.io"],"overview":"$3c","relatedTemplates":[{"sys":{"type":"Link","linkType":"Entry","id":"7zzTfDiqij4la9ML7SvBpT"}},"$31:props:children:props:children:props:fields:relatedTemplates:0",{"sys":{"type":"Link","linkType":"Entry","id":"1M4Zc3fOdoX3vq1XFeDlZg"}},{"metadata":{"tags":[],"concepts":[]},"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"e5382hct74si"}},"id":"2hVZ2ACZqK0gMW0wXJD8Z9","type":"Entry","createdAt":"2022-05-05T16:44:00.481Z","updatedAt":"2026-05-20T00:45:45.537Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":51,"revision":20,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"templates"}},"locale":"en-US"},"fields":{"name":"SvelteKit Commerce","description":"An all-in-one starter kit for high-performance e-commerce sites built with SvelteKit.","slug":"sveltekit-commerce","order":24,"githubUrl":"https://github.com/vercel/sveltekit-commerce","demoUrl":"https://sveltekit-commerce.vercel.app","publisher":"▲ Vercel","thumbnail":{"metadata":{"tags":[],"concepts":[]},"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"e5382hct74si"}},"id":"3XUMB0FmezRUsbDFLZzqw9","type":"Asset","createdAt":"2022-05-05T16:41:39.911Z","updatedAt":"2025-09-09T01:06:19.808Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":16,"revision":5,"locale":"en-US"},"fields":{"title":"Sveltekit Commerce","description":"Sveltekit Commerce","file":{"url":"//images.ctfassets.net/e5382hct74si/3XUMB0FmezRUsbDFLZzqw9/ef0f3ad80a5e2e02dca2e2f94a3f174f/CleanShot_2022-07-29_at_17.13.28_2x.png","details":{"size":299017,"image":{"width":1950,"height":1144}},"fileName":"CleanShot 2022-07-29 at 17.13.28@2x.png","contentType":"image/png"}}},"customThumbnail":{"metadata":{"tags":[],"concepts":[]},"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"e5382hct74si"}},"id":"6rbkNoqsCxzzNmKoh6RQtL","type":"Asset","createdAt":"2022-07-18T21:16:56.372Z","updatedAt":"2025-09-09T01:06:19.811Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":14,"revision":4,"locale":"en-US"},"fields":{"title":"Sveltekit Commerce","description":"","file":{"url":"//images.ctfassets.net/e5382hct74si/6rbkNoqsCxzzNmKoh6RQtL/1b79122117d51a477fd199bfbc9ac051/image.png","details":{"size":614892,"image":{"width":1686,"height":882}},"fileName":"image.png","contentType":"image/png"}}},"framework":["Svelte"],"type":["Ecommerce"],"css":["Tailwind"],"overview":"The all-in-one starter kit for high-performance e-commerce sites. With a few clicks, Svelte developers can clone, deploy and fully customize their own store.","relatedTemplates":["$31:props:children:props:children:props:fields:relatedTemplates:0","$31:props:children:props:children:props:fields:relatedTemplates:2"]}}],"githubUrl":"https://github.com/BuilderIO/nextjs-shopify","demoUrl":"https://headless.builders/","integrationsOptional":true}},"$31:props:children:props:children:props:fields:relatedTemplates:2:fields:relatedTemplates:3"],"githubUrl":"https://github.com/CrystallizeAPI/furniture-remix","demoUrl":"https://furniture.superfast.store/","integrationsOptional":true,"cdnRoutingRuleHref":"","firewallRuleHref":"","thumbnailUrl":"//images.ctfassets.net/e5382hct74si/1Pifbeel3gAM5CeLg8Ay0B/3e728c6bf7cb01b7518e31e25cd7bb1b/Screenshot_2023-05-10_at_20.16.14_-_Veljko_Simakovic.png"}}]}]}]