https://github.com/contentful-labs/file-upload-example

Example application to demonstrate the new direct file upload feature of Contentful.
https://github.com/contentful-labs/file-upload-example

contentful example file-upload upload

Last synced: 4 months ago
JSON representation

Example application to demonstrate the new direct file upload feature of Contentful.

• Host: GitHub
• URL: https://github.com/contentful-labs/file-upload-example
• Owner: contentful-labs
• Created: 2017-03-01T16:11:19.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2019-05-23T10:43:42.000Z (over 5 years ago)
• Last Synced: 2024-10-01T03:24:13.451Z (4 months ago)
• Topics: contentful, example, file-upload, upload
• Language: JavaScript
• Homepage: https://contentful-labs.github.io/file-upload-example
• Size: 823 KB
• Stars: 21
• Watchers: 28
• Forks: 4
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# File Upload Example

[![Build Status](https://travis-ci.org/contentful-labs/file-upload-example.svg?branch=master)](https://travis-ci.org/contentful-labs/file-upload-example)

[![codecov](https://codecov.io/gh/contentful-labs/file-upload-example/branch/master/graph/badge.svg)](https://codecov.io/gh/contentful-labs/file-upload-example)

[![dependencies Status](https://david-dm.org/contentful-labs/file-upload-example/status.svg)](https://david-dm.org/contentful-labs/file-upload-example)

[![js-standard-style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg)](http://standardjs.com/)

This project is an example to demonstrate our new [direct file upload feature](https://www.contentful.com/blog/2017/03/02/uploading-files-directly-to-contentful/) for the Content-Management-SDK

released at the beginning of March 2017.

![](screenshot.png)

## About

[Contentful](https://www.contentful.com) 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.

## Technologies

* [Contentful Management SDK](https://github.com/contentful/contentful-management.js)

* [Preact](https://preactjs.com/)

* [Redux](https://github.com/reactjs/redux) + [Redux Saga](https://github.com/redux-saga/redux-saga)

* [Webpack 2](https://webpack.js.org/)

* [CSS Modules](https://github.com/css-modules/css-modules) via [PostCSS](http://postcss.org/) & [cssnext](http://cssnext.io/)

* [Drag and Drop API](https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API)

* [History API](https://developer.mozilla.org/en/docs/Web/API/History)

## Usage

You can find a ready to use version of this app here:

https://contentful-labs.github.io/file-upload-example/

Alternatively clone this repository, run `npm install` and start a dev server via `npm run dev`

### Development

The minimum supported node version for development is v7.6 since [Koa v2](https://github.com/koajs/koa#installation) requires node v7.6 or above.

Via `npm run dev` you can spawn a Webpack dev server with live reload for the app source files and auto restart for changed configuration files.

To test the app in a production environment, build it via `npm run build` and start a production alike server via `npm run prod`.

### Deployment

New versions can simply deployed to GitHub pages via `npm run deploy`. It will run the build process