{"id":13758859,"url":"https://github.com/pauloamgomes/cockpit-react-example","last_synced_at":"2025-05-10T08:30:51.757Z","repository":{"id":95339135,"uuid":"121904713","full_name":"pauloamgomes/cockpit-react-example","owner":"pauloamgomes","description":"Example Headless website implementation using Cockpit CMS on the backend and ReactJS in the frontend.","archived":true,"fork":false,"pushed_at":"2020-07-20T09:37:50.000Z","size":2747,"stargazers_count":25,"open_issues_count":1,"forks_count":3,"subscribers_count":6,"default_branch":"master","last_synced_at":"2024-11-16T15:37:53.871Z","etag":null,"topics":["cockpit-cms","docker","react"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/pauloamgomes.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,"roadmap":null,"authors":null}},"created_at":"2018-02-18T00:30:59.000Z","updated_at":"2024-07-13T10:51:38.000Z","dependencies_parsed_at":"2023-07-16T05:17:21.636Z","dependency_job_id":null,"html_url":"https://github.com/pauloamgomes/cockpit-react-example","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pauloamgomes%2Fcockpit-react-example","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pauloamgomes%2Fcockpit-react-example/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pauloamgomes%2Fcockpit-react-example/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pauloamgomes%2Fcockpit-react-example/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pauloamgomes","download_url":"https://codeload.github.com/pauloamgomes/cockpit-react-example/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253389576,"owners_count":21900776,"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":["cockpit-cms","docker","react"],"created_at":"2024-08-03T13:00:38.804Z","updated_at":"2025-05-10T08:30:50.475Z","avatar_url":"https://github.com/pauloamgomes.png","language":"JavaScript","funding_links":[],"categories":["Examples"],"sub_categories":[],"readme":"# Example Cockpit CMS/React Headless website\n\nAn example project that provides a simple headless experience by combining Cockpit CMS and ReactJS.\n\nExample site can be accessed on [http://pauloamgomes.github.io/cockpit-react-example](http://pauloamgomes.github.io/cockpit-react-example)\n\n## Installation\n\nFirst confirm that you have [docker](https://www.docker.com) and [docker-sync](http://docker-sync.io) installed on your system.\n\n1. Clone this repo or [download it as a zip file](https://github.com/pauloamgomes/cockpit-react-example/archive/master.zip) and extract it.\n2. Run the Cockpit Example install script inside cockpit folder:\n    ```\n    $ cd cockpit-react-example/cockpit\n    $ ./install.sh\n    ```\n    it shall initialize the Cockpit CMS with example data\n3. Install React dependencies\n    ```\n    $ cd cockpit-react-example/react\n    $ yarn install\n    ```\n\n## Usage\n\nThe example consists on a Cockpit CMS installation with example data and a ReactJS application that will consume Cockpit CMS data.\nIn way to use it just run the following commands.\n\n1.  Start the Cockpit CMS docker instance\n    ```\n    $ cd cockpit-react-example/cockpit\n    $ ./start.sh\n    ```\n2. Start the React App\n    ```\n    $ cd cockpit-react-example/react\n    $ yarn start\n    ```\n3. Open Cockpit CMS admin interface at http://cockpit-example.docker.localhost/\n\n        Username: admin\n        Password: admin\n\n4. Open the example React App at http://localhost:3000/\n\n\nThe url http://cockpit-example.docker.localhost/ should be accessible form your browser as the docker-compose uses Traefik, however if not, add it to your /etc/hosts file:\n\n```\n$ sudo echo \"127.0.0.1 cockpit-example.docker.localhost\" \u003e\u003e /etc/hosts\n```\n\n## Copyright and license\n\nCopyright 2018 pauloamgomes under the MIT license.\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpauloamgomes%2Fcockpit-react-example","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpauloamgomes%2Fcockpit-react-example","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpauloamgomes%2Fcockpit-react-example/lists"}