#####Built this blog following a tutorial while learning React. I redisgned the layout and routes, however I left most of the functionality the same. I plan to add comment sections and subscriber option.
#React Universal Blog #####View a demo here Sign up for Cosmic JS to start managing content for your websites and applications faster and easier.
#####About The React Universal Blog is a portfolio blog app that renders html on the server to make all pages visible to search engines. Then after initial load from the server, it is converted to a single page application to allow for fast navigation between pages.
It uses the following:
- React for UI views
- Express for server side rendering
- React Router for routing
- React Hot Loader for hot loading in development
- Flux for data flow
- Cosmic JS for content management #####Install
git clone https://github.com/tonyspiro/react-universal-blog
cd react-universal-blog
npm install
#####Run development
npm run development
Go to http://localhost:8080 #####Run production
npm start
Go to http://localhost:3000
#####Configure your Cosmic JS bucket
After setting up your bucket on Cosmic JS, edit the config.js
file and edit the slug to point to the slug of your bucket:
// config.js
export default {
bucket: {
slug: 'react-universal-blog'
}
}