blinkcat / tumblr-webApp

react demo , server render , tumblr spa

React Demo with tumblr api

这个demo使用了react + react-router + redux + webpack + material-ui + express, 通过tumblr api获取数据,服务器端渲染页面。

Requirements

• NodeJS>=6.x
• tumblr账号
• tumblr的Consumer Key和Secret Key

tumblr api的文档和key的申请方法在此处。

Install

git clone [e-mail]:blinkcat/tumblr-webApp.git
npm install

NOTE: 需要在项目根目录下建立.env文件

cp .env.example .env

然后将你申请到的Consumer Key和Secret Key填入其中。在production环境中，为了安全起见，需要通过命令行设置环境变量来保存key和secret。如果你使用heroku，可以通过这种方式来设置环境变量。
然后

npm start

接着访问http://localhost:8080

screenshot

Tests

暂无