1. Start developing.

   Using Node 18+ only.

   Navigate into your new site’s directory and start it up.

   npm install
   gatsby develop

2. Accessing website and GraphQL: Local GraphQL

3. Using Gatsby support Contact email handling.

   Using GetForm to receive contact requests (instructions here) Using Google Recapcha v2 for spam prevention.

4. Frontend modelling using Contentful headless CMS

   Using contentful gatsby configs (instructions here) Instruction for modelling CMS data for (Contenful Guide)

5. Build and Host on AWS Amplify

   Error: At the moment, Amazon Linux 2 image does not work properly with node 18+. While waiting for Amazon Linux 2023 to be available for Amplify, We need to temporarily using a custom docker image: (public.ecr.aws/docker/library/node:18.13.0)

   If no hosted domain name is in used, We need to adjust "Rewrite and Redirect" rule to allow 404 (Rewrite) on all asset extensions the website needs:

   </^[^.]+$|.(?!(css|webp|gif|ico|jpg|jpeg|js|png|txt|svg|woff|ttf|map|json)$)([^.]+$)/>
   

6. Styling with React icons React Icons

7. Blob pages are created automatically with gastby-node creatPage function CreatePage with gatsby node