Processing Website 2018

Static website using Gatsby & Netlify CMS

Install dependencies

npm install

Development mode

npm run dev

Production build

npm run build

Local Web-server

http://localhost:8000

GraphQL REPL

http://localhost:8000/___graphql

Netlify CMS (Login with Github credentials)

http://localhost:8000/admin/

Built with

Gatsby https://www.gatsbyjs.org/
Grommet (UI Component) http://grommet.io/
React (Front-end Framework) https://reactjs.org/
Redux (UI State Management) https://redux.js.org/
GraphQL https://graphql.org/
Netlify https://www.netlify.com/
Netlify CMS https://www.netlifycms.org/

Useful Tools

HTML to Markdown Tool: https://domchristie.github.io/turndown/
Gatsby Transformer Sharp / Gatsby Image: https://image-processing.gatsbyjs.org/

References / Articles

https://blog.iansinnott.com/migrating-to-gatsbyjs-part-1/ https://medium.com/@kyle.robert.gill/ridiculously-easy-image-optimization-with-gatsby-js-59d48e15db6e https://www.huynguyen.io/2018-05-remark-gatsby-plugin-part-1/ http://blog.blakesimpson.co.uk/read/96-building-a-pdf-library-with-gatsby-js