{"id":19312192,"url":"https://github.com/bigcommerce/netlify-nextjs-starter","last_synced_at":"2025-09-06T02:42:21.135Z","repository":{"id":130696372,"uuid":"563132762","full_name":"bigcommerce/netlify-nextjs-starter","owner":"bigcommerce","description":null,"archived":false,"fork":false,"pushed_at":"2023-10-06T23:26:08.000Z","size":8422,"stargazers_count":4,"open_issues_count":5,"forks_count":6,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-03-26T06:11:28.536Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bigcommerce.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-11-08T01:08:11.000Z","updated_at":"2025-02-05T13:00:23.000Z","dependencies_parsed_at":null,"dependency_job_id":"70b85329-e137-4d9c-be81-10d02c1b00db","html_url":"https://github.com/bigcommerce/netlify-nextjs-starter","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bigcommerce%2Fnetlify-nextjs-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bigcommerce%2Fnetlify-nextjs-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bigcommerce%2Fnetlify-nextjs-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bigcommerce%2Fnetlify-nextjs-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bigcommerce","download_url":"https://codeload.github.com/bigcommerce/netlify-nextjs-starter/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248558464,"owners_count":21124293,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-10T00:33:31.703Z","updated_at":"2025-04-12T11:22:54.784Z","avatar_url":"https://github.com/bigcommerce.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ReadMe\n\nThese instructions will guide you through the process of deploying an app onto Vercel using BigCommerce, NextJS \u0026 ContentStack.\n\nTechnologies included in this demo: \n- [BigCommerce](https://www.bigcommerce.com/)\n- [Next.js](https://nextjs.org/docs)\n- [Vercel](https://vercel.com/dashboard)\n- [ContentStack](https://www.contentstack.com/)\n\nThese are the first steps you need to complete to be able to follow instructions given during our presentation. \n\n[Have your own starter?](https://forms.gle/e48caonHNiZBEqDR8)\u003cbr/\u003e\n[Don't see what you're looking for? Request an option!](https://forms.gle/PYnMDa7SKTRaXzzc6) \n\n\n## Let's Get Started! \n\u003cbr/\u003e\n\n1. Step One: ✅ You're here! The first step is being in this repo and hitting the \"Deploy to Netlify\" button at the bottom of this ReadME. \u003cbr/\u003e\n\n1. You need a BigCommerce store! Login or Sign Up to set up a new BigCommerce store to use! Once you've logged in or signed up, follow [these instrucitons](https://support.bigcommerce.com/s/article/Store-API-Accounts?language=en_US#creating) to obtain your BigCommerce API credentials. \u003cbr/\u003e\n\n\n1. Next, create an account or login to [ContentStack](https://app.contentstack.com/?_gl=1*2rimkv*_gcl_aw*R0NMLjE2NjU3MDM5NDMuQ2p3S0NBanc3cDZhQmhCaUVpd0E4M2ZHdXNVa1RHRTdOWjZaQ0RoVWJEbjVNMm1odTAwQzRiOW52SDRoZEp2eHJnTGdXYlFLQllLOE1Cb0NPdzBRQXZEX0J3RQ..#!/login). \n\n1. Create a \"Stack\" by selecting \"+ New Stack\", title it, add a description, and click \"Create\". \u003cbr/\u003e\n\n1. Now that your Stack has been created, let's identify your API keys. Navigate to \n    the \"Settings\" icon on your lefthand panel. \u003cbr/\u003e\n    \u003cimg src=\"images/settings.png\" alt=\"settings\" width=\"180\"/\u003e\u003cbr/\u003e\n    Now, scroll down and select \"Tokens\". \n\n    \u003cimg src=\"images/tokens.png\" alt=\"settings\" width=\"180\"/\u003e\n\n    This will take you to a page that has a \"+ Delivery Tokens\" button. Click that, and enter a name and description for your new API keys. \n\n    \u003cimg src=\"images/delivery_token.png\" alt=\"settings\" height=\"100\"/\u003e\n\n    ![](images/create_new_delivery_token.png)\n\n    Select the proper branch you're working from and your production environment (you may need to also create a production environment). Then click \"Generate Token\". \n\n    If successful, you should see something like this: \n    ![](images/new_tokens.png)\n\n1. Hang on to these variables, you'll need them in an upcoming step. \u003cbr/\u003e\n\u003cbr/\u003e\n\n1. Now, back to this ReadME file you're in right now! Hit the \"Deploy to Netlify\" button found at the bottom of the page.\u003cbr/\u003e\n![](images/deploy.png)\n\u003cbr/\u003e\n\n1. Once you're brought to the page pictured below, select \"Connect to Github\" \n![](images/connect_to_github.png)\n\u003cbr/\u003e\n\n1. Once you're brought to this page (seen in screenshots below), give your repository a unique name and enter all of your BigCommerce and ContentStack API credentials. \u003cbr/\u003e\n![](images/variables_one.png)\n![](images/variables_two.png)\n\u003cbr/\u003e\n\n1. Save and Deploy! \u003cbr/\u003e\n![](images/save_and_deploy.png)\n\u003cbr/\u003e\n\n1. The deploy process begins! This may take up to 10 minutes, and will bring you to a page that looks like this: \n![](images/deploying.png)\n\u003cbr/\u003e\n\n\n1. You can watch your project's progress by clicking on the tab pictured below: \n![](images/deploy_progress.png)\n\u003cbr/\u003e\n\n1. If you click into that tab, once your build is successfully complete, you'll see something like this: \n![](images/build_complete.png)\n\u003cbr/\u003e\n\n1. To view your site, click \"Open Production Deploy\" or \"Permalink\" - both will bring you to your deployed site! \n![](images/view_deployed_link.png)\n\u003cbr/\u003e\n\n1. You're deployed! Great job! 👏 \n\u003cbr/\u003e\n\n------ \n\u003cbr/\u003e\n\n[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/bigcommerce/netlify-nextjs-starter#BIGCOMMERCE_CHANNEL_ID=1)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbigcommerce%2Fnetlify-nextjs-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbigcommerce%2Fnetlify-nextjs-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbigcommerce%2Fnetlify-nextjs-starter/lists"}