Example Cockpit CMS/React Headless website
An example project that provides a simple headless experience by combining Cockpit CMS and ReactJS.
Example site can be accessed on http://pauloamgomes.github.io/cockpit-react-example
- Clone this repo or download it as a zip file and extract it.
- Run the Cockpit Example install script inside cockpit folder:
it shall initialize the Cockpit CMS with example data
$ cd cockpit-react-example/cockpit $ ./install.sh
- Install React dependencies
$ cd cockpit-react-example/react $ yarn install
The example consists on a Cockpit CMS installation with example data and a ReactJS application that will consume Cockpit CMS data. In way to use it just run the following commands.
Start the Cockpit CMS docker instance
$ cd cockpit-react-example/cockpit $ ./start.sh
Start the React App
$ cd cockpit-react-example/react $ yarn start
Open Cockpit CMS admin interface at http://cockpit-example.docker.localhost/
Username: admin Password: admin
Open the example React App at http://localhost:3000/
The 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:
$ sudo echo "127.0.0.1 cockpit-example.docker.localhost" >> /etc/hosts
Copyright and license
Copyright 2018 pauloamgomes under the MIT license.