austincondiff / esp-safety

Front-facing website for ESP Safety

ESP Safety Website

Note: This project uses Gatsby v2.

This repo contains the front-facing website for ESP Safety that is built with React, Gatsby, and Netlify CMS: Website Link.

It follows the JAMstack architecture by using Git as a single source of truth, and Netlify for continuous deployment, and CDN distribution.

Features

• A simple landing page with blog functionality built with Netlify CMS
• Editabe Pages: Landing, About, Products, Blog-Collection and Contact page with Netlify Form support
• Create Blog posts from Netlify CMS
• Tags: Separate page for posts under each tag
• Uses Styled Components for styling
• Blazing fast loading times thanks to pre-rendered HTML and automatic chunk loading of JS files
• Uses gatbsy-image with Netlify-CMS preview support
• Separate components for everything to ensure the website is nice and modular
• Netlify deploy configuration
• Netlify function support, see src/lambda folder
• Perfect score on Lighthouse for SEO, Accessibility and Performance (wip:PWA)

Prerequisites

• Node (I recommend using v8.2.0 or higher)
• Gatsby CLI
• Yarn

Access Locally

$ git clone https://github.com/austincondiff/esp-safety.git
$ cd esp-safety
$ yarn
$ yarn start

To test the CMS locally, you'll need run a production build of the site:

$ yarn build
$ yarn serve

CONTRIBUTING

Contributions are always welcome, no matter how large or small. Before contributing, please read the code of conduct.