Based on Gatsby and React, this website will serve as the frontend of AMACSS Live Demo
Install the dependencies:
Run the development server:
Production build to /public:
Cleanup cache (often fixes misc errors when run before yarn dev):
Each of the sections in the site are placed in src/sections. Data is usually separated out into objects/arrays to be rendered in the component.
The component src/components/common/SEO.js handles all meta data and SEO content, modify the SEO_DATA variable to add the data automatically. For application manifest data and favicon, modify the gatsby-plugin-manifest configuration in gatsby-config.js.
This project uses styled-components to handle styling: src/styles/theme.js defines the styling base and src/styles/GlobalStyles.js includes basic element styles along with the CSS Reset.