https://github.com/pauloamgomes/cockpit-react-example

Example Headless website implementation using Cockpit CMS on the backend and ReactJS in the frontend.
https://github.com/pauloamgomes/cockpit-react-example

cockpit-cms docker react

Last synced: about 2 months ago
JSON representation

Example Headless website implementation using Cockpit CMS on the backend and ReactJS in the frontend.

• Host: GitHub
• URL: https://github.com/pauloamgomes/cockpit-react-example
• Owner: pauloamgomes
• Archived: true
• Created: 2018-02-18T00:30:59.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2020-07-20T09:37:50.000Z (over 4 years ago)
• Last Synced: 2024-08-03T13:02:21.824Z (5 months ago)
• Topics: cockpit-cms, docker, react
• Language: JavaScript
• Size: 2.62 MB
• Stars: 25
• Watchers: 6
• Forks: 3
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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](http://pauloamgomes.github.io/cockpit-react-example)

## Installation

First confirm that you have [docker](https://www.docker.com) and [docker-sync](http://docker-sync.io) installed on your system.

1. Clone this repo or [download it as a zip file](https://github.com/pauloamgomes/cockpit-react-example/archive/master.zip) and extract it.

2. Run the Cockpit Example install script inside cockpit folder:

    ```

    $ cd cockpit-react-example/cockpit

    $ ./install.sh

    ```

    it shall initialize the Cockpit CMS with example data

3. Install React dependencies

    ```

    $ cd cockpit-react-example/react

    $ yarn install

    ```

## Usage

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.

1.  Start the Cockpit CMS docker instance

    ```

    $ cd cockpit-react-example/cockpit

    $ ./start.sh

    ```

2. Start the React App

    ```

    $ cd cockpit-react-example/react

    $ yarn start

    ```

3. Open Cockpit CMS admin interface at http://cockpit-example.docker.localhost/

        Username: admin

        Password: admin

4. 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.