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