{"id":15101374,"url":"https://github.com/alexdhaynes/contentful-conditional-fields-demo","last_synced_at":"2025-10-08T08:32:20.645Z","repository":{"id":189754257,"uuid":"472812800","full_name":"alexdhaynes/contentful-conditional-fields-demo","owner":"alexdhaynes","description":"Demo implementation of conditional fields in an Entry Editor custom app. Build with create-contentful-app","archived":true,"fork":false,"pushed_at":"2023-01-26T20:18:59.000Z","size":1596,"stargazers_count":20,"open_issues_count":0,"forks_count":6,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-10-02T07:42:15.478Z","etag":null,"topics":["contentful","contentful-api","contentful-app"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/alexdhaynes.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2022-03-22T14:48:33.000Z","updated_at":"2024-09-15T07:35:01.000Z","dependencies_parsed_at":"2023-08-21T16:53:11.155Z","dependency_job_id":null,"html_url":"https://github.com/alexdhaynes/contentful-conditional-fields-demo","commit_stats":null,"previous_names":["alexhayneshs/contentful-conditional-fields-demo","alexdhaynes/contentful-conditional-fields-demo"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexdhaynes%2Fcontentful-conditional-fields-demo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexdhaynes%2Fcontentful-conditional-fields-demo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexdhaynes%2Fcontentful-conditional-fields-demo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexdhaynes%2Fcontentful-conditional-fields-demo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/alexdhaynes","download_url":"https://codeload.github.com/alexdhaynes/contentful-conditional-fields-demo/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":235700110,"owners_count":19031668,"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":["contentful","contentful-api","contentful-app"],"created_at":"2024-09-25T18:21:25.728Z","updated_at":"2025-10-08T08:32:20.209Z","avatar_url":"https://github.com/alexdhaynes.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# :bulb: Update Jan 2023\nContentful now recommends a marketplace app called [Conditional Fields](https://www.contentful.com/marketplace/app/conditional-fields-by-prototyp/) by Proptyp that accomplishes what this demo tried valiantly to do back in 2022. I shall put this repo to bed now. Thanks, Proptyp!\n\n# Contentful Custom App: Entry Editor Conditional Fields Demo\n\nContentful doesn't offer an out-of-the box way to implement custom fields.\nThis repo is a demo implementation for conditional fields within an Entry Editor custom app.\n\nThe app uses a combination of default Contentful fields (rendered with [default-field-editors](https://contentful-field-editors.netlify.app/shared/default-field-editors)) and custom implementations of fields (rendered with [Forma 36](https://f36.contentful.com/) components) whose state is managed by this app.\n\nThe app code is in `/src/components/EntryEditor.tsx`\n\nConditional fields and their conditions are defined in the `conditionalFields.json` file.\n\n## Demo (click .gif below to play)\n\n![Entry Editor app with conditional fields demo](demo.gif)\n\nIn order to run a Contentful custom app, you'll need to have a Contentful account and an .env file in your local repo with your access tokens.\n\n## Available Scripts\n\nThis project was bootstrapped with [Create Contentful App](https://github.com/contentful/create-contentful-app).\n\nIn the project directory, you can run:\n\n#### `npm start`\n\nCreates or updates your app definition in Contentful, and runs the app in development mode.\nOpen your app to view it in the browser.\n\nThe page will reload if you make edits.\nYou will also see any lint errors in the console.\n\n#### `npm run build`\n\nBuilds the app for production to the `build` folder.\nIt correctly bundles React in production mode and optimizes the build for the best performance.\n\nThe build is minified and the filenames include the hashes.\nYour app is ready to be deployed!\n\n#### `npm run upload`\n\nUploads the build folder to contentful and creates a bundle that is automatically activated.\nThe command guides you through the deployment process and asks for all required arguments.\nRead [here](https://www.contentful.com/developers/docs/extensibility/app-framework/create-contentful-app/#deploy-with-contentful) for more information about the deployment process.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexdhaynes%2Fcontentful-conditional-fields-demo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falexdhaynes%2Fcontentful-conditional-fields-demo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexdhaynes%2Fcontentful-conditional-fields-demo/lists"}