About this Blog

A Blog full of Web Projects

The purpose of this Blog build from scratch
  • To get experience with Gatsby React GraphQL and Git-based Headless CMS systems
  • Comparing different technologies with focus on login systems
  • Showing the Web Projects I am building by a fast and secure Blog
  • Help other developers building Web Projects by fork or download from my GitHub
  • Let the readers of the Blog get to know me as well as my IT background
The static part of the Blog was last updated:
  • 07-05-2024
Decription
  • A static site using Gatsby with Markdown files being the Posts which refers to Projects in this Blog. React and GraphQL are used in most of the modules creating the Blog
Types of Tests performed making this Blog and the Web Projects
  • Usability Tests to involve the future Users of the Blog and Projects with the goal of satisfied Users
  • End-to-end Tests or Functional Tests for making sure that the workflows work as expected. The authentication of a User could be an example
  • Integration Tests across several units to achieve their goals
  • Unit Test for testing functions or classes by supplying input and making sure the output is as expected
Main functionality
  • The content of the Blog can be updated by Decap / Netlify CMS, GitHub or VS
  • The Posts of the Blog refers to Projects must be created in Markdown or Mdx
  • View the Projects by scrolling down the List
  • View the Projects by searching / filtering the Title or Tags
  • View the Projects by Pagination
  • A Category can have one or more Projects because a Project needs to belong to at least one Category
  • One or more Tags can be added to each Project
  • A Page showing all Categories found in the Projects and the number of Projects in which the Category appear
  • A Page showing all Tags found in the Projects and the number of Projects in which the Tag appear
  • GraphQL - A query language
  • Routing by Gatsby and React
  • Custom 404 Error page
  • Serving static assets like images, styles and fonts
  • Support for older Browsers including IE 11
The Gatsby Blog
  • Gatsby
  • Decap / Netlify CMS
  • JavaScript
  • HTML
  • CSS
Node.js Version
  • Node 14.17
Module Bundler
  • Webpack is used under the hood
Security
  • The use of HTTPS
  • The security of Gatsby being a static site
Hosting
  • The application is hosted at Netlify Cloud
Text Editor
  • Visual Studio Code
A Blog made with Gatsby React and GraphQL