AMACSS Frontend

Based on Gatsby and React, this website will serve as the frontend of AMACSS Live Demo

Installation

Upgrade dependencies:

`yarn upgrade`

Install the dependencies:

`yarn install`

Cleanup cache (often fixes misc errors when run before yarn dev):

`yarn clean`

Run the development server:

`yarn dev`

Production build to /public:

`yarn build`

Content

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.

SEO

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.

Styling

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.

Common Problems

If you get `digital envelop routines::unsupported` error:

Windows

run set NODE_OPTIONS=--openssl-legacy-provider in your terminal.

Mac OS

run export NODE_OPTIONS=--openssl-legacy-provider in your terminal.

If these don't work, look at Stack Overflow.

If you get a `ERR_REQUIRE_ESM` error, change the require to import('remark-mdx);

If you get `node: --openssl-legacy-provider is not allowed in NODE_OPTIONS` error:

Windows

run set NODE_OPTIONS= or SETX NODE_OPTIONS "" in your terminal.

If these don't work, look at Stack Overflow.

If you get `building static HTML failed for path "/<page>/"`, review Stack Overflow

Upgrade all `package.json` dependencies

run yarn upgrade @fullcalendar/core@latest @fullcalendar/google-calendar@latest @fullcalendar/react@latest @svgr/webpack@latest gatsby-plugin-image@latest gatsby-plugin-alias-imports@latest gatsby-plugin-alias-imports@latest gatsby-plugin-google-fonts@latest gatsby-plugin-manifest@latest gatsby-plugin-offline@latest gatsby-plugin-react-helmet@latest gatsby-plugin-sass@latest gatsby-plugin-sharp@latest gatsby-plugin-styled-components@latest gatsby-plugin-svgr@latest gatsby-source-filesystem@latest gatsby-transformer-sharp@latest google-maps-react@latest node@latest node-sass@latest prop-types@latest react@latest react-anchor-link-smooth-scroll@latest react-collapsible@latest react-dom@latest react-google-maps@latest react-helmet@latest react-loadable@latest react-scripts@latest react-scrollspy@latest remark-mdx@latest styled-components@latest @fullcalendar/daygrid@latest @fullcalendar/interaction@latest @fullcalendar/timegrid@latest prettier@latest

Upgrade from gatsby-image to gatsby-plugin-image docs

Gatsby Documentation

Documentation

Navigation

About (includes team)
Events
Resources
Team
Contact
FAQs
Constitution

kat9897 / amacss_frontend Goto Github PK

amacss_frontend's Introduction

AMACSS Frontend

Installation

yarn upgrade

yarn install

yarn clean

yarn dev

yarn build

Content

SEO

Styling

Common Problems

If you get digital envelop routines::unsupported error:

Windows

Mac OS

If you get a ERR_REQUIRE_ESM error, change the require to import('remark-mdx);

If you get node: --openssl-legacy-provider is not allowed in NODE_OPTIONS error:

Windows

If you get building static HTML failed for path "/<page>/", review Stack Overflow

Upgrade all package.json dependencies

Upgrade from gatsby-image to gatsby-plugin-image docs

Documentation

Navigation

amacss_frontend's People

Contributors

Stargazers

Watchers

Recommend Projects

Recommend Topics

Recommend Org

`yarn upgrade`

`yarn install`

`yarn clean`

`yarn dev`

`yarn build`

If you get `digital envelop routines::unsupported` error:

If you get a `ERR_REQUIRE_ESM` error, change the require to import('remark-mdx);

If you get `node: --openssl-legacy-provider is not allowed in NODE_OPTIONS` error:

If you get `building static HTML failed for path "/<page>/"`, review Stack Overflow

Upgrade all `package.json` dependencies