contentful / discovery-app-react

A React.js based version of the Contentful Discovery app

Deprecation notice

This repository is deprecated and no further maintenance is planned.For a Reference example app, please see https://github.com/contentful/the-example-app.nodejs

About

Contentful provides a content infrastructure for digital teams to power content in websites, apps, and devices. Unlike a CMS, Contentful was built to integrate with the modern software stack. It offers a central hub for structured content, powerful management and delivery APIs, and a customizable web app that enable developers and content creators to ship digital products faster.

The Contentful Discovery web app gives you a quick and easy way to preview your content on a web environment, and explore the contents of your Spaces.

You can try out the app at https://discovery.contentful.com/ or you can check out the source code and suggest your own improvements.

Running discovery-app locally

Prepare

clone the app and cd to the directory

git clone https://github.com/contentful/discovery-app-react

Install dependencies via npm

npm install

Install dependencies via yarn

yarn

Start the app

npm start

Open http://0.0.0.0:9020 in your browser to see the app.

Yarn users alternatively can use yarn start to start the app.

Using Docker

clone the app and cd to the directory

git clone https://github.com/contentful/discovery-app-react

Build the docker image

docker build -t discovery-app .

Run the docker image

docker run -it --rm -p 9020:9020 discovery-app

Open http://0.0.0.0:9020 in your browser to see the app

discovery-app-react's Issues

Errors in console when trying to use Discovery App online

I get the following errors when I try to use the app:

main.bundle.js:20 Uncaught (in promise) TypeError: Cannot read property 'url' of undefined
main.bundle.js:3 Uncaught NotFoundError: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.
main.bundle.js:25 Uncaught TypeError: Cannot read property 'componentWillReceiveProps' of null

Reduce bundle size and split code to bundle and vendors

Error when trying to preview PDF or video

Currently, the Discovery app only supports images. It would be great to be able to see other kinds of media, such videos, and something like a download button when a preview is not possible.
In summary, if the Contentful webapp supports a tyoe of asset, it should not break the Discovery app.

Write 'untitled' for untitled entries

So we can click on them

Dockerize

It would be great if the app is Dockerized so we can deliver a consistent experience across platforms.

Add Support for locales

Discovery app does not support localization, it falls back always to the default locale.
I would be nice if we could check the entries values per locale.

Update to webpack 2

Access Keys

Should we be concerned that access keys are available to anyone on the client?

https://github.com/contentful/discovery-app-react/blob/master/src/main.js#L20

Improve README and documentations

Minimize bundle size