{"id":23039137,"url":"https://github.com/shop3/polaris-strapi","last_synced_at":"2026-04-10T17:03:58.679Z","repository":{"id":62881040,"uuid":"491477400","full_name":"shop3/polaris-strapi","owner":"shop3","description":"Collection of Polaris components ready to use with Strapi in Shopify applications.","archived":false,"fork":false,"pushed_at":"2023-03-29T07:21:30.000Z","size":3255,"stargazers_count":0,"open_issues_count":3,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-11T02:26:08.040Z","etag":null,"topics":["polaris","react","shopify","strapi"],"latest_commit_sha":null,"homepage":"https://shop3.github.io/polaris-strapi/","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/shop3.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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":"2022-05-12T11:03:17.000Z","updated_at":"2022-11-08T09:38:46.000Z","dependencies_parsed_at":"2024-12-15T18:39:57.790Z","dependency_job_id":null,"html_url":"https://github.com/shop3/polaris-strapi","commit_stats":{"total_commits":51,"total_committers":2,"mean_commits":25.5,"dds":0.05882352941176472,"last_synced_commit":"7739869bc2f4dd4cf047837c1cfcd370f0eeb3ba"},"previous_names":[],"tags_count":8,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shop3%2Fpolaris-strapi","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shop3%2Fpolaris-strapi/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shop3%2Fpolaris-strapi/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shop3%2Fpolaris-strapi/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/shop3","download_url":"https://codeload.github.com/shop3/polaris-strapi/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246911489,"owners_count":20853654,"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":["polaris","react","shopify","strapi"],"created_at":"2024-12-15T18:28:16.730Z","updated_at":"2025-12-30T23:10:32.515Z","avatar_url":"https://github.com/shop3.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Shop3 Polaris Strapi\n\nCollection of Polaris components ready to use with Strapi in Shopify applications.\n\n## Installation\n\n```bash\nnpm install --save @shop3/polaris-strapi\n```\n\n## Storybook\n\nComponents are documented in Storybook at https://shop3.github.io/polaris-strapi/\n\n# Usage\n\n## Strapi Edit\n\n```jsx\nimport { Card } from '@shopify/polaris';\nimport { StrapiEdit } from '@shop3/polaris-strapi';\n\nconst App = () =\u003e {\n  return (\n    \u003cCard sectioned\u003e\n      \u003cStrapiEdit\n        formId=\"strapi-edit-form\"\n        resourceUrl='/api/greetings'\n        method=\"POST\"\n        authToken={/* api auth token */}\n      \u003e\n        {/* text input */}\n        \u003cStrapiTextInput label=\"From\" field=\"from\" maxLength={64} /\u003e\n        {/* text input */}\n        \u003cStrapiTextInput label=\"Message\" field=\"message\" maxLength={128} count /\u003e\n        {/* number input */}\n        \u003cStrapiNumberInput label=\"Quantity\" field=\"quantity\" /\u003e\n        {/* media input */}\n        \u003cStrapiMediaInput label=\"Image\" field=\"image\" mediaType=\"image\" /\u003e\n        {/* enum input */}\n        \u003cStrapiEnumInput\n          label=\"Color\"\n          field=\"color\"\n          options={[\n            { label: 'Red', value: 'RED' },\n            { label: 'Green', value: 'GREEN' },\n            { label: 'Blue', value: 'BLUE' },\n          ]}\n        /\u003e\n      \u003c/StrapiEdit\u003e\n    \u003c/Card\u003e\n  );\n};\n```\n\n## Strapi List\n\n```jsx\nimport { TextContainer } from '@shopify/polaris';\nimport { StrapiList, StrapiListFilter, StrapiListItem, StrapiListText } from '@shop3/polaris-strapi';\n\nconst App = () =\u003e {\n  return (\n    \u003cStrapiList\n      resourceUrl='/api/greetings'\n      authToken={/* api auth token */}\n      sorting={{\n        default: { field: 'id', order: 'asc' },\n        options: [\n          { label: 'From ASC', field: 'from', order: 'asc' },\n          { label: 'From DESC', field: 'from', order: 'desc' },\n        ],\n      }}\n      initialPagination={{\n        pageSize: 5,\n      }}\n      filter={\n        \u003cStrapiListFilter\n          search\n          options={[\n            {\n              label: 'From',\n              field: 'from',\n              type: 'string',\n            },\n          ]}\n        /\u003e\n      }\n    \u003e\n      \u003cStrapiListItem resourceUrl=\"/api/greetings\" nameField=\"from\" mediaField=\"image\"\u003e\n        \u003cTextContainer\u003e\n          \u003cStrapiListText textField=\"title\" variation=\"strong\" /\u003e\n          \u003cStrapiListText textField=\"message\" /\u003e\n        \u003c/TextContainer\u003e\n      \u003c/StrapiListItem\u003e\n    \u003c/StrapiList\u003e\n  );\n};\n```\n\n## Strapi Show\n\n```jsx\nimport { Card, Layout } from '@shopify/polaris';\nimport { StrapiShowPage, StrapiShowText } from '@shop3/polaris-strapi';\n\nconst App = () =\u003e {\n  return (\n    \u003cStrapiShowPage\n      resourceUrl='/api/greetings/1'\n      authToken={/* api auth token */}\n      titleField=\"from\"\n      mediaField=\"image\"\n    \u003e\n      \u003cLayout\u003e\n        \u003cLayout.Section oneThird\u003e\n          \u003cStrapiShowImage resourceUrl=\"/api/greetings/1\" field=\"image\" size=\"large\" authToken={/* api auth token */} /\u003e\n        \u003c/Layout.Section\u003e\n        \u003cLayout.Section\u003e\n          \u003cCard sectioned\u003e\n            \u003cStrapiShowText resourceUrl=\"/api/greetings/1\" field=\"message\" authToken={/* api auth token */} /\u003e\n          \u003c/Card\u003e\n        \u003c/Layout.Section\u003e\n      \u003c/Layout\u003e\n    \u003c/StrapiShowPage\u003e\n  );\n};\n```\n\n# Development\n\n## Installation\n\n```bash\nnpm install\n\nnpm run husky:install\n```\n\n## Development\n\n```bash\nnpm run develop\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshop3%2Fpolaris-strapi","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshop3%2Fpolaris-strapi","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshop3%2Fpolaris-strapi/lists"}