{"id":24256175,"url":"https://github.com/asmagin/contentstack-commercetools-extension","last_synced_at":"2026-05-05T10:33:36.762Z","repository":{"id":81431818,"uuid":"241226714","full_name":"asmagin/contentstack-commercetools-extension","owner":"asmagin","description":"Contentstack Field extensions for commercetools","archived":false,"fork":false,"pushed_at":"2020-02-29T22:47:35.000Z","size":3042,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-04T19:47:15.514Z","etag":null,"topics":["commercetools","contentstack","reactjs","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/asmagin.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"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":"2020-02-17T23:07:32.000Z","updated_at":"2020-06-03T05:54:58.000Z","dependencies_parsed_at":null,"dependency_job_id":"f2b36272-8cba-45f3-850d-e0513ccc8511","html_url":"https://github.com/asmagin/contentstack-commercetools-extension","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/asmagin/contentstack-commercetools-extension","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asmagin%2Fcontentstack-commercetools-extension","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asmagin%2Fcontentstack-commercetools-extension/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asmagin%2Fcontentstack-commercetools-extension/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asmagin%2Fcontentstack-commercetools-extension/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/asmagin","download_url":"https://codeload.github.com/asmagin/contentstack-commercetools-extension/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asmagin%2Fcontentstack-commercetools-extension/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":27450522,"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","status":"online","status_checked_at":"2025-12-02T02:00:06.387Z","response_time":54,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["commercetools","contentstack","reactjs","typescript"],"created_at":"2025-01-15T04:57:20.846Z","updated_at":"2025-12-02T10:03:26.982Z","avatar_url":"https://github.com/asmagin.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Commercetools extensions for ContentStack\n\n## Overview\nContentstack™ is a headless content management system (CMS) category. commercetools is also a headless system, providing commerce APIs. This project helps to bring both together to build integrated headless solutions.\nIt is built on top of create-react-app (CRA) template and uses `ngrok` to simplify development and debugging processes.\n\n![demo](/docs/demo.gif)\n\n## Installation\n### Package code\nPackaging process is fully compatible цер the original CRA template. Run the following command to build your project. \n``` bash\nyarn build\n```\nAll files required for deployment will appear in `/build` in the root of your repository.\n\n### Deployment \u0026 Hosting\nThis extension is in fact SPA. So to host it you need to deploy it at minimum to a static web-share (e.g. Netlify or AWS S3 static websites).\n\n### Contentstack configuration\nThe detailed process of configuring Contentstack Field extensions is described [here](https://www.contentstack.com/docs/developers/create-custom-fields/create-new-custom-field), so I would skip a few details.\n\n#### Parameters\nTo connect to commerce tools this extension will need the following variables:\n``` JSON\n{\n    \"project_key\": \"\u003cCT project name\u003e\",\n    \"domain\": \"commercetools.co\",\n    \"client_id\": \"\u003c client ID for CT API access \u003e\",\n    \"client_secret\": \"\u003c client secret for CT API access \u003e\",\n    \"type\": \"\u003c field type \u003e\"\n}\n```\nCurrently, two field types are supported `category` and `product`\n\n#### Hosting for the local machine (for development)\nWhen you developing an extension of modifying it is very useful to use [ngrok](https://ngrok.com/), which is a dynamic proxy for your application.\n\nIts setup is as easy as running `npm i -g` command.\n``` bash\nnpm i ngrok -g\nngrok http 3000 # as CRA will start your dev setup on this port by default\n```\nOnce ngrok started you need to put its address into Contentstack extension configuration and save it.\nYou most likely will need to do this every time you restart the proxy as it will generate the address dynamically.\n\n\nThis project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).\n\n## Development\n\nIn the project directory, you can run:\n\n```\nyarn start\n```\n\nRuns the app in the development mode. Open [http://localhost:3000](http://localhost:3000) to view it in the browser.\u003cbr/\u003e\nThe page will reload if you make edits. You will also see any lint errors in the console.\n```\nyarn build\n```\nBuilds the app for production to the `build` folder. It correctly bundles React in production mode and optimizes the build for the best performance. The build is minified and the filenames include the hashes.\n\n```\nyarn test\n```\nLaunches the test runner in the interactive watch mode. See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.\n\n## Contribution\nIf you want to contribute or fix something in this project, feel free to open pull requests.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fasmagin%2Fcontentstack-commercetools-extension","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fasmagin%2Fcontentstack-commercetools-extension","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fasmagin%2Fcontentstack-commercetools-extension/lists"}